移动开发-js判断不同浏览器
目录
移动开发 js判断不同浏览器
最近接手了一个根据不同浏览器做不同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的条件判断逻辑即可！
如有错误，非常欢迎指出！