关闭

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

标签: javascript移动开发浏览器userAgent
1307人阅读 评论(0) 收藏 举报
分类:

最近接手了一个根据不同浏览器做不同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的条件判断逻辑即可!

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


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:33215次
    • 积分:605
    • 等级:
    • 排名:千里之外
    • 原创:30篇
    • 转载:10篇
    • 译文:0篇
    • 评论:4条
    最新评论