温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

多浏览器判断,切换及使用

发布时间:2020-07-19 22:47:25 来源:网络 阅读:2142 作者:xiaosawuhen 栏目:开发技术

总结:对于国内浏览器,建议支持IE11以上版本,这种情况下,只需兼容IE,chrome两种信息


查看浏览器UA(user-agent):

    https://www.whoishostingthis.com/tools/user-agent/


浏览器的内核是分为两个部分的,一是渲染引擎,另一个是JS引擎。现在JS引擎比较独立,内核更加倾向于说渲染引擎。

1、Trident内核:代表作品是IE,因IE捆绑在Windows中,所以占有极高的份额,又称为IE内核或MSHTML,此内核只能用于Windows平台,且不是开源的。

    代表作品还有腾讯、Maxthon(遨游)、360浏览器等。但由于市场份额比较大,曾经出现脱离了W3C标准的时候,同时IE版本比较多,

    存在很多的兼容性问题。

2、Gecko内核:代表作品是Firefox,即火狐浏览器。因火狐是最多的用户,故常被称为firefox内核它是开源的,最大优势是跨平台,在Microsoft Windows、Linux、MacOs X等主

  要操作系统中使用。

   Mozilla是网景公司在第一次浏览器大战败给微软之后创建的。有兴趣的同学可以了解一下浏览器大战

3、Webkit内核:代表作品是Safari、曾经的Chrome,是开源的项目。

4、Presto内核:代表作品是Opera,Presto是由Opera Software开发的浏览器排版引擎,它是世界公认最快的渲染速度的引擎。在13年之后,Opera宣布加入谷歌阵营,弃用了

   Presto 

5、Blink内核:由Google和Opera Software开发的浏览器排版引擎,2013年4月发布。现在Chrome内核是Blink。谷歌还开发了自己的JS引擎,V8,使JS运行速度极大地提高了


浏览器内核:

Trident

AppleWebKit


浏览器内核切换:

rendrer:

我们只需要在网页头部添加name属性为renderer的<meta>标签即可。

<meta name=”renderer” content=”webkit”>

该meta标签的content属性用于指定渲染内核的名称,例如webkit(WebKit内核)、ie-stand(IE内核-标准模式)、ie-comp(IE内核-兼容模式)。

我们也可以同时指定多个内核名称,之间以符号"|"进行分隔,此时浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。

原文:

http://www.365mini.com/page/renderer-meta.htm

<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >

这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没有安装GCF,则使用最高版本的IE内核进行渲染。

X-UA-Compatible:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题。

详细的介绍可以参考MSDN的文档。

http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

可是这里有一个chrome,难道IE也可以模拟chrome?

事实上,情况是谷歌做了个Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

详细的介绍可以参考谷歌的文档:Chrome Frame: Developer Guide

http://www.chromium.org/developers/how-tos/chrome-frame-getting-started

关于在apache和iis中的控制办法可以参考上面谷歌这个文档里的方法。

原文:

http://blog.csdn.net/bingqingsuimeng/article/details/44176233

360 v9:

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36

Doc:

http://bbs.360.cn/forum.php?mod=viewthread&tid=14294828&page=1#pid98784854


IE v11.248:

Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; gdn/adcp; rv:11.0) like Gecko


Chrome v63.0.3239.132

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36


搜狗 v7.5.5.27282

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.221 Safari/537.36 SE 2.X MetaSr 1.0

QQ浏览器:

Doc:

http://browser.qq.com/faq/#/detail/36


下面这些,是网上的一些答案,但是亲测不全对

其他链接:https://segmentfault.com/a/1190000004493157

function browerCheck(){

var userAgent = window.navigator.userAgent;

        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  

        var is360 = userAgent.indexOf('360'); // 判断是否为360浏览器

        var isSougou = userAgent.toLowerCase().indexOf('se 2.x')>-1; // 判断是否为搜狗浏览器

    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  

var isGoogle = userAgent.indexOf("Chrome") > -1; //判断是否IE<11浏览器  

var rstStatus = false;

//IE浏览器

if ( !isIE11 ) {

if( isIE ) {

var version = userAgent.match(/MSIE ([\d.]+)/)[1];

if( version < 11) {

rstStatus = true;

modalInfo("当前IE浏览器版本低于IE11");

}

} else if( !isGoogle ) {

rstStatus = true;

modalInfo("当前浏览器非IE浏览器或Google浏览器");

}

}

if(is360 || isSougou) {

rstStatus = true;

modalInfo("当前浏览器非IE浏览器或Google浏览器");

}

return rstStatus;

};


// UC:navigator.userAgent.indexOf('UCBrowser') > -1
//是否QQ
isQQ: function() {
var ua = navigator.userAgent.toLowerCase();
return !!ua.match(/mqqbrowser|qzone|qqbrowser/i);
}


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI