通过JS检测360浏览器

 如何通过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极速浏览器，哎╮(╯▽╰)╭

 

posted on 2016-09-09 22:45  bojiangzhou  阅读(18909)  评论(1)  编辑  收藏  举报