如何通过JS检测360浏览器?
尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一模一样...
谷歌: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36
360极速:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36
360安全:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36
但是,在有360网站下输出navigator.userAgent,能判断出360极速和360安全浏览器:
360极速:"Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36 QIHU 360EE"
360安全:"Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36 QIHU 360SE"
这就是360坑的地方....
在其它域名下检测,userAgent返回的全是原生的谷歌浏览器的userAgent,而在360相关域名下就含有360自己的标识。
所以现在想要通过userAgent来检测360是检测不出来的。
360更改了UserAgent之后,无法从用户代理识别了,360浏览器到了8(安全8和极速8)以后,版本号随着Chrome而升级,难以判断了。
网上其它的方式测试几乎都不行,就不写出来了。
偶然间发现一个可以判断是360浏览器的mimeType(媒体类型),type: "application/vnd.chromium.remoting-viewer"
在360极速浏览器>帮助>关于360浏览器,弹出如下:经过测试,只有在360浏览器中才会有输出chromium这个标识,但是也不能100%确定检测出的一定是360浏览器。
贴出代码:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>浏览器检测</title> 7 </head> 8 9 <script> 10 window.onload = function () { 11 12 //application/vnd.chromium.remoting-viewer 可能为360特有 13 var is360 = _mime("type", "application/vnd.chromium.remoting-viewer"); 14 15 if (isChrome() && is360) { 16 alert("检测到是360浏览器"); 17 } 18 } 19 //检测是否是谷歌内核(可排除360及谷歌以外的浏览器) 20 function isChrome(){ 21 var ua = navigator.userAgent.toLowerCase(); 22 23 return ua.indexOf("chrome") > 1; 24 } 25 //测试mime 26 function _mime(option, value) { 27 var mimeTypes = navigator.mimeTypes; 28 for (var mt in mimeTypes) { 29 if (mimeTypes[mt][option] == value) { 30 return true; 31 } 32 } 33 return false; 34 } 35 </script> 36 37 <body> 38 </body> 39 40 </html>
如果大家有什么更好的方法,分享下吧!
还有好像无法区分360安全浏览器和360极速浏览器,哎╮(╯▽╰)╭