前端笔记

包括模块、常见问题、css效果、js效果等。仅用于方便查找,提高工作效率。

jquery和js判断当前屏幕是否移动设备

$(function(){

    var system = {
        win: false,
        mac: false,
        xll: false,
        ipad:false
    };

    //检测平台
    var p = navigator.platform;

    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;

    if (system.win || system.mac || system.xll ||system.ipad) {
      some code;//电脑端代码
    } else {

       some code;//移动端代码
    }

})

Jquery 判断移动设备是IOS / Android系统

var u = navigator.userAgent;
var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Adr’) > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
alert(‘是否是Android:’+isAndroid);
alert(‘是否是iOS:’+isiOS);

纯JS判断

使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可。

<script type=”text/javascript”>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
some code //移动端代码
}
</script>

使用 Device.js 库

device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向。



打赏作者: 一分也是爱


您的支持就是我最大的动力
点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注