zoukankan      html  css  js  c++  java
  • 让360双核浏览器默认极速模式,避免采用IE模式无法正常访问html5网页的解决办法

    让360双核浏览器默认极速模式,避免采用IE模式无法正常访问html5网页的解决办法

    用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    网站大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式。
    360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决。

    由于国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。
    以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。
    在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。
    尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。
    因此,我们新增加了一个控制手段:内核控制Meta标签。
    只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个域名下所有网址。
    目前该功能已经在所有的360安全浏览器实现。

    在head标签中添加一行代码:
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />

    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" />
    官方给的结尾是">",实际测试时不起作用,把结尾改为" />(注意 / 前面有空格),测试是可行的。

    兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。
    IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核,加入了硬件加速、全新的脚本渲染引擎,更标准的HMTL5及CSS3支持。

    =====================================
    HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1的作用是文档兼容模式的定义。
    Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。
    简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    使用以下代码强制 IE 使用 Chrome Frame 渲染
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    提示 IE 用户安装 Google Frame
    Google 官方提供了对 Google Frame 插件安装情况的检测,直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。
    <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script>CFInstall.check();</script>

    最佳的兼容模式方案,结合考虑以上两种:
    让IE以最高级模式渲染文档,强制IE使用Chrome Frame渲染
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  • 相关阅读:
    Study Plan The TwentySecond Day
    Study Plan The Nineteenth Day
    Study Plan The TwentySeventh Day
    Study Plan The Twentieth Day
    Study Plan The TwentyFirst Day
    python实现进程的三种方式及其区别
    yum makecache
    JSONPath 表达式的使用
    oracle执行cmd的实现方法
    php daodb插入、更新与删除数据
  • 原文地址:https://www.cnblogs.com/zdz8207/p/renderer-webkit-360.html
Copyright © 2011-2022 走看看