js强制不使用“兼容性视图”
Posted 有梦就能实现
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js强制不使用“兼容性视图”相关的知识，希望对你有一定的参考价值。
在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段html代码。
X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式；而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。
我们常使用代码：
<meta http-equiv="X-UA-Compatible" content="IE=8" />
来开启IE8的标准渲染模式。这种方式在只存在IE8浏览器的时候比较合适，但是后来又出现了IE9、IE10、IE11等等。我们就可以这样写：
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />
意思就是优先最前面的IE9，没IE9就用IE8。那么如果针对每一种都写一遍，似乎就有些冗余了。
所以我们改变方式采用代码：
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge模式通知IE以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
当然，我们还见过这样的代码：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增加了chrome=1值，目的是触发Google Chrome Frame，不过现在Google已经抛弃Google Chrome Frame了，因此也不用这样写了。
总结：
在 <!DOCTYPE html> 下，使用代码：
<meta http-equiv="X-UA-Compatible" content="edge" />
触发标准模式，这个是最有效的方法。
以上是关于js强制不使用“兼容性视图”的主要内容，如果未能解决你的问题，请参考以下文章
如何在 WinForms 应用程序中关闭 IE WebBrowserControl 上的兼容性视图？
Internet Explorer 11 通过元标记禁用“在兼容性视图中显示 Intranet 站点”不起作用