• 让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">

  • 相关阅读:
    打破国外垄断,开发中国人自己的编程语言(2):使用监听器实现计算器
    寒假arcpy arcgis python培训通知
    分户图制作工具
    分户图制作工具
    Python3操作AutoCAD
    arcgis更新注记要素类
    arcgis field for cad
    为什么中小学培训这么火,怎么打击也收效甚微?
    arcgis arcmap使用 Python 加载 CAD 数据
    神仙渡劫
  • 原文地址:https://www.cnblogs.com/zdz8207/p/renderer-webkit-360.html
Copyright © 2020-2023  润新知