js区分360和谷歌浏览器（火狐、搜狗等）

首先区分火狐和谷歌浏览器，根据百度经验可以解决：

针对火狐浏览器的CSS Hack:

@-moz-document url-prefix() { .selector { attribute: value; }}

针对webkit内核及Opera浏览器的CSS Hack:

@media all and (min-width:0){ .selector { attribute: value;/*for webkit and opera*/ }}

从这个样式我们只能把webkit内核的浏览器和Opera浏览器从其它浏览器中区分出来，但并不能区分它们俩，因此我们还需要在上面样式的基础上再加一个样式：

@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { attribute: valueForWebKit;/*only for webkit*/ }}

转载自：https://jingyan.baidu.com/article/fdffd1f8383c28f3e98ca13e.html

但是360和谷歌内核一样，但是有一处样式在页面渲染出的效果就是不一样，于是只好用js判断然后给出不同样式。

function checkBrowser(){
var ua = navigator.userAgent.toLocaleLowerCase();
var browserType=null;if (ua.match(/msie/) != null || ua.match(/trident/) != null) {browserType = "IE";browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];
} else if (ua.match(/firefox/) != null) {browserType = "火狐";
}else if (ua.match(/ubrowser/) != null) {browserType = "UC";
}else if (ua.match(/opera/) != null) {browserType = "欧朋";
} else if (ua.match(/bidubrowser/) != null) {browserType = "百度";
}else if (ua.match(/metasr/) != null) {browserType = "搜狗";
}else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {browserType = "QQ";
}else if (ua.match(/maxthon/) != null) {browserType = "遨游";
}else if (ua.match(/chrome/) != null) {
var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
function _mime(option, value) {var mimeTypes = navigator.mimeTypes;for (var mt in mimeTypes) {if (mimeTypes[mt][option] == value) {return true;}}return false;}
if(is360){
browserType = '360';  }else{  browserType = "谷歌";  }  }else if (ua.match(/safari/) != null) {browserType = "Safari";
}
return browserType;
}

转载自：http://blog.csdn.net/github_38806262/article/details/72627871

js区分360和谷歌浏览器（火狐、搜狗等）相关推荐

js ajax浏览器做什么,js区分webkit核心浏览器chrome，360浏览器
javascript如何识别webkit核心浏览器是哪种厂商的浏览器,如chrome,360急速,360安全,猎豹,世界之窗,搜狗,qq,百度之类的浏览器,核心都是webkit的,如何区分出不同的厂商 ...
js判断国内主要浏览器名称（QQ、360、遨游、搜狗、2345、Google Chrome、Edge、IE）（最新，亲测有效）
区别 360主要判断浏览器插件来区分(360具有极速.兼容模式) Edge最新的判断为Edg 大多数内核都是Chrome,因此需要作多条件判断 //360浏览器(极速内核) export functi ...
JavaScript怎么识别360浏览器？JS识别360急速模式方案，360流氓浏览器
首先来侮辱一下360,360毕竟是一家流氓底子的企业,所以它做什么软件总是透露出一种流氓气息,让你感受它的流氓风格,国内能与之媲美的流氓企业WPS可以争锋一下(题外话),下面来具体说说 360浏览器 ...
html实现360展示图片,js html5 360度全景图片预览效果
特效描述:js html5 360度全景图片预览效果.html5实现360度全景,html5 720度全景图,html5全景图,html5全景图源代码,html5 3d全景,360度全景图,3d36 ...
JS区分中英文字符的两种方法
JS区分中英文字符的两种方法: 正则和charCodeAt()方法. 正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. ...
java全景图片切割全景,基于Three.js实现360度全景图片
Three.js 是一款运行在浏览器中的3D引擎, 处理三维效果.在一些相机的官网首页中,经常有一张图在旋转,图上面悬浮着文字.这种效果是如何做出来的呢?先看效果,再讲解. 1).建立一个java w ...
谷歌浏览器被搜狗劫持问题
谷歌浏览器被搜狗劫持问题本篇浅显的概述浏览器被劫持可能的原因: 浏览器设置中被设置起始页快捷方式的快捷命令被修改动态链接库注入代码今天来新公司重装了公司电脑的系统.在搭建好开放环境以后,发现自 ...
JS图片360度全景预览插件
下载地址通过令人惊叹的360视角吸引您的客户,让您的产品充满震撼.JS Cloudimage 360 View 是一种简单的交互式资源,可用于提供产品的虚拟浏览. dd:
关于谷歌浏览器被搜狗网址导航恶意劫持解决办法
关于谷歌浏览器被搜狗网址导航恶意劫持解决办法今天换了个实验室电脑用,发现浏览器被搜狗网址导航劫持了,就是不论你怎么修改浏览器的初始打开网页,它重新打开时,永远都会打开搜狗网址导航.对于崇尚简洁的我 ...

js区分360和谷歌浏览器（火狐、搜狗等）

js区分360和谷歌浏览器（火狐、搜狗等）相关推荐

最新文章

热门文章