ling的专栏

滴水成流!记录前端修炼的点点滴滴

移动开发 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的条件判断逻辑即可!

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


阅读更多
个人分类: 移动开发
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭