浅谈解决360兼容模式浏览器的方法

一、renderer

meta name="renderer" content="webkit|ie-comp|ie-stand">
    

为双核浏览器准备的:指定双核浏览器默认以何种方式渲染页面。

meta name="renderer" content="webkIT">
    //默认webkit内核meta name="renderer" content="ie-comp">
    //默认IE兼容模式meta name="renderer" content="ie-stand">
    //默认IE标准模式

而 webkit|ie-comp|ie-stand 这种写法，跟font-family的规则类似，按照顺序排他的优先级，不支持则往下，浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。

目前支持对其提供支持的浏览器有:360

二、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>
    

最佳的兼容模式方案，结合考虑以上两种：

meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    

以上就是这篇文章的全部内容，希望对大家的学习和工作能有所帮助。如果有疑问可以留言交流。

• JS、CSS以及img对DOMContentLoaded事件的影响
• Javascript封装DOMContentLoaded事件实例
• 浅谈js中startsWith 函数不能在任何浏览器兼容的问题
• Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
• JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
• 微信浏览器弹出框滑动时页面跟着滑动的实现代码（兼容Android和IOS端）
• JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
• JS兼容所有浏览器的DOMContentLoaded事件

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！