在国内有一个比较特别的现象,很多网站对浏览器的兼容性比较差,特别是一些网上银行、公共服务网站等,虽然现在IE浏览器已经推出了IE11版本,但是这些网站目前只支持IE8及以下版本。所以目前在国内使用IE6IE7IE8等旧版浏览器的用户占比还比较多。根据百度浏览器研究院提供的最近3个月的浏览器份额可以看到,IE6-IE8浏览器加起来还有40%左右。
另一外方便,有些比较现代的网站,采用了很多HTML5、CSS3等最新的网络标准,IE8这些老旧的浏览器是无法支持的,而其他非IE浏览器对这些标准支持程度都比较高。为了应对这样的情况,所以国内很多互联网公司推出了“双核”浏览器。

“双核”浏览器,顾名思义,就是浏览器内部包含两个渲染内核。目前大多数“双核”浏览器内部的两个内核分别是IE内核和WebKit内核。与双核处理器不同的是,“双核”浏览器的两个内核并不能同时为一个网页进行渲染排版工作,而是根据我们的需要,选择两者之中更适合当前网页的内核来进行渲染排版。IE内核主要用于兼容“老一辈”的网页,使其能够正常显示;WebKit内核则用于渲染“新一代”的网页,从而发挥出更快的显示速度、更好的显示效果、更优异的脚本执行性能。

实际上,大多数用户并不关心(或者并不知道)双核浏览器的作用,也不会手动选择适合的渲染内核来渲染当前网页,选择渲染内核的工作一般都是浏览器自身“智能”完成的。

不过,浏览器还没有那么只能,并不总是能够准确地选择出适合当前网页的渲染内核。如果我们的网站属于“崭新的一代”(比如使用了大量HTML5的新特性),而“双核”浏览器却错误地使用IE内核来进行渲染排版,那么用户看到的将会是一堆乱七八糟的东西。

这当然不是用户想看到的,更不是我们想见到的。此时,我们可以使用标签来指定适合自己网站的渲染内核名称,当双核浏览器访问本网页时,就会根据我们的指示,选择我们指定的渲染内核来处理网页。

若页面需默认用极速核,增加标签:

<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:

<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:

<meta name="renderer" content="ie-stand">
我们只需在网站的head标签中添加上面的代码,即可以相对应的模式来渲染网站。

同时我们也可以同时指定多个内核名称,之间以符号”|”进行分隔,如下代码:

<meta name="renderer" content="webkit|ie-comp|ie-stand">
此时浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。

提示:目前只有360旗下全系列双核浏览器识别该meta标签。其他浏览器厂商可能会在以后版本的浏览器中添加对该meta标签的支持。

浏览器极速模式和兼容模式差异相关推荐

  1. html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客

    360浏览器升级到6.0版本后对html5实现了全面兼容,于此同时360 6.0版本浏览器提供了两种模式:1.极速模式 2.兼容模式,也就是说360浏览器为双核浏览器.浏览器最核心的部分是渲染引擎(R ...

  2. 用meta name=renderer content=webkit|ie-comp|ie-stand来切换360双核安全浏览器的极速模式和兼容模式

    以下信息摘自360官方网站: 浏览模式: 极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 极速模式表示极速模式 兼容模式表示兼容模式 IE9IE10模式表示IE9/IE10 ...

  3. 【踩坑】360安全浏览器“极速模式”和“兼容模式”,套路还是bug?

    分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开 网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta ...

  4. 360极速模式和兼容模式对页面的影响

    360浏览器模式不同都会对页面有一些出乎意料的效果的影响: 众所周知,360浏览器有两种模式:兼容模式和极速模式.两种模式下,兼容性不同,有时会导致页面效果不尽相同,各有差异. 但模式选择具体如何定的 ...

  5. QQ浏览器怎样选择IE8兼容模式

    双核模式是指极速模式和兼容模式. 极速模式使用webkit内核浏览,会给您带来更快的上网速度.兼容模式使用IE内核浏览,可以兼容绝大部分网页. QQ浏览器一般情况下不需要您的干预就能够正常进行浏览. ...

  6. 360极速模式和兼容模式

    360浏览器内核 360浏览器包含了两个内核:谷歌内核和IE内核. 极速模式 代表着高速,意味着是高版本的浏览器.极速模式是以Blink(Webkit)为内核的浏览模式,Blink内核具有更高的网页浏 ...

  7. 360浏览器怎么切换成兼容模式

    众所周知,360安全浏览器目前共有两种内核模式,即许多人口中的"极速模式"和"兼容模式".那么,在360浏览器中怎么切换成兼容模式呢?下面小编就来分享一下360 ...

  8. 判断是否是IE浏览器,或360兼容模式

    //判断是否是IE浏览器,或360兼容模式if(!!window.ActiveXObject || "ActiveXObject" in window){$scope.marked ...

  9. 浏览器急速模式跟兼容模式导致网站显示不同的问题

    我们知道有些浏览器在浏览网站的时候可以选择急速模式跟兼容模式,不同的模式可能导致页面不一样,原因是在兼容模式的时候浏览器会根据ie版本指定显示,但是我们知道在ie的开发者工具中浏览器模式跟文档模式不一 ...

  10. android 兼容模式设置,天天安卓模拟器切换极速模式与兼容模式的方法

    天天安卓模拟器是一款非常优秀的安卓模拟器,其为用户提供了一个完善的安卓模拟环境,帮助用户运行安卓上的游戏.应用,而且其为用户提供了诸多的辅助功能,按键操作.手柄操作.全屏.截屏等都能轻松实现,而这款软 ...

最新文章

  1. 2 了解MyBatis配置文件
  2. 趣文:追MM的各种算法
  3. 省选+NOI 第五部分 高级数据结构
  4. retinanet 部署_再谈RetinaNet
  5. urllib.error
  6. DLog-M什么意思
  7. php相关术语,PHP中一些专业术语、符号、函数[初学者学习PHP]
  8. excel vba批量发送邮件
  9. 想要升级Big Sur 了?良心建议看看这个
  10. 互联网寒冬,程序员如何逆流而上?
  11. 数字中国城市巡礼之杭州,让城市长出“神经系统”
  12. 域控以及IPC$详解
  13. css td 比例,CSS设置表格TD宽度布局
  14. 基于虹软人脸识别技术,实现新生实时身份认证和报到统计
  15. python第三方库pdf_Python使用到第三方库PyMuPDF图片与pdf相互转换
  16. DBeaver显示系统数据库不全
  17. 关于「付费合集」的说明
  18. 用Java写给女朋友,用加密算法给女朋友写封情书
  19. 金蝶KIS记账王增加3级明细科目的方法
  20. Rust机器学习之tch-rs

热门文章

  1. 一棵树的生物量怎么算_2019玩花园 | 夏天怎么办?
  2. 【转载】士兵突击 经典语录
  3. 金蝶K3供应链-采购系统选项功能描述
  4. 机械优化设计c语言鲍威尔法,机械优化设计鲍威尔法
  5. 创客匠人知识付费SaaS系统功能介绍
  6. 支付宝网页支付流程与实现
  7. 数字图像处理基本知识点1(冈萨雷斯)
  8. 有机食品农产品电商网站HTML模板
  9. android ios 下载地址,Ios/Android h5 唤起本地APP
  10. CISSP 重点知识点总结3