浅谈解决360兼容模式浏览器的方法
一、renderer
<metaname="renderer"content="webkit|ie-comp|ie-stand">
为双核浏览器准备的:指定双核浏览器默认以何种方式渲染页面。
<metaname="renderer"content="webkit">//默认webkit内核 <metaname="renderer"content="ie-comp">//默认IE兼容模式 <metaname="renderer"content="ie-stand">//默认IE标准模式
而webkit|ie-comp|ie-stand这种写法,跟font-family的规则类似,按照顺序排他的优先级,不支持则往下,浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。
目前支持对其提供支持的浏览器有:360
二、HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用
这是一个,文档兼容模式的定义。
Edge模式告诉IE以最高级模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本IE就用什么版本的标准模式渲染
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
使用以下代码强制IE使用ChromeFrame渲染
<metahttp-equiv="X-UA-Compatible"content="chrome=1">
提示IE用户安装GoogleFrame
Google官方提供了对GoogleFrame插件安装情况的检测,这里直接调用方法即可,如果检测到IE并未安装GoogleFrame,则弹出对话框提示安装。
<scriptsrc="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>
最佳的兼容模式方案,结合考虑以上两种:
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
以上就是这篇文章的全部内容,希望对大家的学习和工作能有所帮助。如果有疑问可以留言交流。