JS判断移动端、pc端、安卓、苹果浏览器等方法整理

来源:互联网 发布:淘宝店铺托管费用 编辑:程序博客网 时间:2024/05/19 06:18

JS判断移动端、pc端、安卓、苹果浏览器等方法整理

在最近的工作中经常遇到需要通过js来判断访问的浏览器亦或者终端执行指定代码,个人通过网络上查询到一些不错的判断方法进行整理和个人总结的分享:

通过JS判断各种访问终端的index of方法

//判断访问终端var browser={    versions:function(){        var u = navigator.userAgent, app = navigator.appVersion;        return {            trident: u.indexOf('Trident') > -1, //IE内核            presto: u.indexOf('Presto') > -1, //opera内核            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器            iPad: u.indexOf('iPad') > -1, //是否iPad            webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部            weixin: u.indexOf('MicroMessenger') > -1, //是否微信             qq: u.match(/\sQQ/i) == " qq" //是否QQ        };    }(),    language:(navigator.browserLanguage || navigator.language).toLowerCase()}

关于如何使用,我们用几个小例子还测试下:


一、安卓或者ios的下载判断



如图,在不确定用户是使用安卓亦或者苹果终端的用户登陆的时候需要点击下载时候,我们可以通过该js来进行判断,指定具体的下载内容。(这里用到安卓、ios、微信的判断)



二、移动端和PC端的判断

我们在开发的有时候会遇到这种情况,移动端和pc端需要让用户看到不同的页面内容的时候,我们可以使用一下代码来实现:



以上是个人使用navigator的个人感受,如有上述内容有错,敬请谅解 。

未经过本人许可,请勿私自转载,谢谢!

0 0
原创粉丝点击