JavaScript获取当前设备类型

可以通过 JavaScript 来实现判断当前的设备类型:navigator 是 JavaScript 中的一个独立的对象,用于提供用户所使用的浏览器以及操作系统等信息,以 navigator 对象属性的形式来提供。所有浏览器都支持该对象。而 navigator 对象有一个 userAgent 属性,会返回用户的设备操作系统和浏览器的信息。此时可以通过 userAgent 判断是 H5 浏览器还是 PC 浏览器。而 App 不能获取 Window 的浏览器对象 navigator 的。那么可以在之前判断是否存在 navigator,不存在即为 App。

js判断移动端还是pc端:

function fIsMobile(){    return /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i.test(navigator.userAgent);}

或者

function iswap() {    var uA = navigator.userAgent.toLowerCase();    var ipad = uA.match(/ipad/i) == "ipad";    var iphone = uA.match(/iphone os/i) == "iphone os";    var midp = uA.match(/midp/i) == "midp";    var uc7 = uA.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";    var uc = uA.match(/ucweb/i) == "ucweb";    var android = uA.match(/android/i) == "android";    var windowsce = uA.match(/windows ce/i) == "windows ce";    var windowsmd = uA.match(/windows mobile/i) == "windows mobile";     if (!(ipad || iphone || midp || uc7 || uc || android || windowsce || windowsmd)) {        // PC 端    }else{        // 移动端    }}

浏览器宽度区分
我们可以利用js代码,来判断访问者设备屏幕的宽度的大小来确定访客的设备是否为移动设备。window.screen.availWidth:用来获取浏览器屏幕的宽度。window.screen.availHeight:用来获取浏览器屏幕的高度。

<script>if(window.screen.availWidth<768){    //移动端}else{    //PC端}</script>

js判断是否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终端区分Android、iphone、ipad:ar ua = navigator.userAgent.toLowerCase();if (/android|adr/gi.test(ua)) {    // 安卓  } else if (/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)) {    //苹果  } else if (/iPad/gi.test(ua)) {    //ipad  }

js区分判断访客的浏览器

var ua = navigator.userAgent.toLowerCase();if (/msie/i.test(ua) && !/opera/.test(ua)) {    alert("IE");    return;} else if (/firefox/i.test(ua)) {    alert("Firefox");    return;} else if (/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)) {    alert("Chrome");    return;} else if (/opera/i.test(ua)) {    alert("Opera");    return;} else if (/iPad/i) {    alert("ipad");    return;}if (/webkit/i.test(ua) && !(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua))) {    alert("Safari");    return;} else {    alert("unKnow");    }
  • 12
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

葫芦娃y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值