用 Meta 标签代码让 360 双核浏览器默认极速模式打开网站不是兼容模式

作者:赵金添 分类: 前端 发布于:2015-6-25 18:49 ė1663次浏览 60条评论
参考:
http://www.ihref.com/read-16623.html
http://se.360.cn/v6/help/meta.html
http://www.zhihu.com/question/20096146


一. 背景介绍
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。


二. 几种浏览模式各有什么特点
1. 极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性问题,显示不正常。
2. 兼容模式下,网站打开速度比极速模式略低,但网页兼容性问题较少。
3. IE9/IE10模式下,网站会使用IE9/IE10的渲染方式渲染,支持硬件加速及IE9/IE10全新的脚本渲染引擎。
切换浏览模式时,360极速浏览器将会自动同步双核间的数据,让您在双核间能无缝切换。


三. 内核控制Meta标签
只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。


四. 代码示例
在head标签中添加一行代码:
<html>
  <head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
  </head>
  <body>
  </body>
</html>
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

我们也可以同时指定多个内核名称,之间以符号”|”进行分隔,如下代码:
<meta name="renderer" content="webkit|ie-comp|ie-stand">
此时浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。


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

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部