移动开发 js判断不同浏览器

原创 2016年08月30日 16:17:02

最近接手了一个根据不同浏览器做不同logic的项目。对其中的一些问题做一些总结。

        判断浏览器类型的注重要方式就是window.navigater.userAgent对象。

自己亲测每个浏览器里的浏览器的关键词

百度浏览器: chrome  safari  baidubrowser

QQ浏览器:  chrome  safari  mqqbrowser

猎豹浏览器: chrome  safari liebaofast

Safari:             safari

Uc:                   ucbrowser  safari

Chrome:         chrome  safari

既然知道了各个浏览器的特点,那么判断就比较容易了:

<span style="font-size:14px;">If(ua.toLowerCase().indexOf(“baidu”) > 0){
<span style="white-space: pre;">	</span>//baidu logic
}else if(ua.toLowerCase().indexOf(“qq”) > 0){
	//qq logic
} else if(ua.toLowerCase().indexOf(“liebao”) > 0){
	//liebao logic
} else if(ua.toLowerCase().indexOf(“uc”) > 0){
	//uc logic
} else if(ua.toLowerCase().indexOf(“chrome”) > 0){
	//chrome logic
} else if(ua.toLowerCase().indexOf(“safari”) > 0){
	//safari logic
}else{
	//others
}</span>

完事儿了!?!!!

NO NO NO!!!

IOS Chrome中你会发现,引用的是safari的逻辑。

为什么呢?

原来在IOS 的Chrome ua关键词是 crios safari,现在明白了吧!

再加上crios的条件判断逻辑即可!

如有错误,非常欢迎指出!


相关文章推荐

ie,firefox,opera,chrome,safari js 判断五大主流浏览器

用js 判断五大主流浏览器类型 function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.Activ...

js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 1 2 3 4 5 6 function isIE() { //ie?     ...

五大浏览器js 判断IE、Firefox、Safari、Chrome、Opera

IE       只有IE支持和创建ActiveX控件,因此其他所有浏览器没有的东西,只要判断window对象是否存在ActiveXObject函数,就可以明确判断出当前浏览器是IE。IE各个版...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JS判断页面是否在微信浏览器、QQ浏览器等打开的方法

本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是...

js判断识别微信或QQ浏览器

//是否微信 isWx: function() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMesse...

JS判断移动设备的终端类型(浏览器UserAgent)

User Agent的判断是识别浏览器的关键,不仅仅如此,移动互联网开发势头迅猛,通过User Agent判断桌面端设备或移动设备就变的很为重要。当然,通过User Agent也可以用来改善一定的...
  • jaswhen
  • jaswhen
  • 2015年09月18日 13:55
  • 6572

js 判断是移动端浏览器

1. 判断移动端浏览器类型 var browser = { versions: function () { var u = navigator....
  • qbook
  • qbook
  • 2016年09月20日 17:02
  • 740

根据UserAgent判断手机浏览器系统,以及对其操作

1.判断操作系统 var os = (function() {   var UserAgent = navigator.userAgent.toLowerCase();...
  • QTFYING
  • QTFYING
  • 2016年06月29日 15:58
  • 1337

JavaScript判断浏览器类型

每个浏览器对应的useragent不同,JavaScript通过判断useragent的类型,便可以判断出用户所使用的浏览器类型,包括IE、Firefox、chrome等。还可以判断用户是否通过移动端...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动开发 js判断不同浏览器
举报原因:
原因补充:

(最多只允许输入30个字)