1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结

作者:用户 来源:互联网 时间:2016-11-07 14:27:55

安卓认证方式浏览器内核移动端安卓后端html app 安卓 苹果navigatorsocket链接pc安卓pc与安卓互通ios程序html5安卓c++android正则表达式ios安卓androidIndexOf或者

js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结 - 摘要: 本文讲的是js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结,  很久之前写了一篇通过浏览器navigator判断浏览器版本或者手机类型,里面介绍了运用navigator判断浏览器类型。今天在这篇文章基础上做个补充吧!

 很久之前写了一篇通过浏览器navigator判断浏览器版本或者手机类型,里面介绍了运用navigator判断浏览器类型。今天在这篇文章基础上做个补充吧!

  js 判断安卓或者ios 之indexOf方式   //判断访问终端 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, //是否微信 (2015-01-22新增)             qq: u.match(/\sQQ/i) == " qq" //是否QQ         };     }(),     language:(navigator.browserLanguage navigator.language).toLowerCase() }
使用方法: //判断是否IE内核 if(browser.versions.trident){ alert("is IE"); } //判断是否webKit内核 if(browser.versions.webKit){ alert("is webKit"); } //判断是否移动端 if(browser.versions.mobilebrowser.versions.androidbrowser.versions.ios){ alert("移动端"); } js 判断安卓或者ios 之正则表达式方式   if (/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)) {     //alert(navigator.userAgent);      //苹果端 } else if (/(Android)/i.test(navigator.userAgent)) {     //alert(navigator.userAgent);      //安卓端 } else {    //pc端 };

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索安卓认证方式 , 浏览器 , 内核 , 移动端 , 安卓后端 , html app 安卓 苹果 , navigator , socket链接pc安卓 , pc与安卓互通 , ios程序html5安卓 , c++android正则表达式 , ios安卓android , IndexOf 或者 js判断pc浏览器和手机、常见的浏览器兼容问题、常见浏览器内核、常见的浏览器内核、常见浏览器,以便于您获取更多的相关知识。

js 倒计时-移动端web页面倒计时 js 由于手机锁屏失效问题?

...倒计时比预计的变慢了。 我的方案:1.使用异步去时时判断现在的倒计时是否正常,但这样不好; 2.网上仅找到一个,就是使用visibilityChange监听页面是否被查看 :代码大概如下 ...

倾力总结40条常见的移动端Web页面问题解决方案_javascript技巧

1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以...

HTML5会是下一个风口吗?

...底发布的Android 4.4,内置的Webview不再是蹩脚的Android WebKit浏览器,而是Chromium。2012年iPhone 5发布后,HTML5在iOS上的表现已令人满意,Safari独家的JavaScript加速引擎Nitro不再那么重要,不过在iOS 8发布后,苹果还是很识趣地取消了三方...

哪种编程语言最有“钱途”?

...是一种客户端脚本语言,用于前端开发。JavaScript在所有浏览器之间相互兼容,用来构建交互式Web应用程序,常常通过代码库(比如jQuery)和前端框架(比如AngularJS、Ember.js、React及更多框架)来构建。 JavaScript现在还可以通过Nod...

倾力总结40条常见的移动端Web页面问题解决方案

...&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢。 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如...

前三篇
后三篇