移动开发 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...
  • u011700203
  • u011700203
  • 2015年02月17日 17:46
  • 5393

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

因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 1 2 3 4 5 6 function isIE() { //ie?     ...
  • catherine_sue
  • catherine_sue
  • 2017年03月13日 19:11
  • 769

判断safari_判断IE_判断firefox_判断Opera—JS判断浏览器

js判断浏览器类型: 判断浏览器 //----------------------------- 判断浏览器 ------------------------- function myB...
  • e421083458
  • e421083458
  • 2012年11月13日 09:52
  • 6112

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

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

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

//是否微信 isWx: function() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMesse...
  • TianTangYouZui
  • TianTangYouZui
  • 2017年06月13日 10:10
  • 1401

JS判断浏览器iOS(iPhone)、Android手机移动端

通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。网上搜索来的,比较简单: var u = navigator.userAgent;var isAndroid ...
  • helloxiaoliang
  • helloxiaoliang
  • 2016年09月14日 17:33
  • 2537

js 判断是移动端浏览器

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

js判断客户端是pc端还是移动端

function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Androi...
  • kongjiea
  • kongjiea
  • 2013年12月27日 15:33
  • 20460

不同浏览器判断

//根据不同的浏览器给下拉框设置不同的宽度     if (navigator.userAgent.indexOf('Firefox') >= 0){     //alert('你是使用Firef...
  • tyjlearning
  • tyjlearning
  • 2017年06月22日 11:05
  • 87

通过JS判断浏览器类型,详细区分IE各版本浏览器

今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用。 /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1...
  • littleQiang_w
  • littleQiang_w
  • 2016年01月05日 17:12
  • 34142
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动开发 js判断不同浏览器
举报原因:
原因补充:

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