IE 文檔模型設置 免去你IE 按F12去調文檔標准的煩惱。



英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx


最近在做一個前端頁面,在各種瀏覽器上,各種差異,各種無賴。各種郁悶。

因為自己本機上的測試是IE10標准。 所以在其他瀏覽器上有多差異。 不過總算找到解決辦法了。

先來個示例:


<html>
<head>
<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 設置該文件默認以ie7 兼容模式瀏覽。不需要手動去 按F12調整

<title>My Web Page</title> </head>
<body>
<p>Content goes here.</p>
</body>
</html>


再來段:     設置該Html文件以IE10標准模式讀檔。  版本依次往下排的好處是,優先使用最高級別的瀏覽模型。

   <meta http-equiv="X-UA-Compatible" content="IE=10">
<!-- IE8 mode -->
        <meta http-equiv="X-UA-Compatible" content="IE=9">
   <!-- IE9 mode -->
        <meta http-equiv="X-UA-Compatible" content="IE=8">
<!-- IE10 mode -->

想要使用js 來控制?

javascript:alert(document.documentMode);  啥意思?   得到當前的文檔模式。   彈出結果:  8    意思是以IE8  文檔標准。



這段又是啥?自動尋找最接近的模式。

<meta http-equiv="X-UA-Compatible" content="IE=4"> <!-- IE5 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=7.5"> <!-- IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=100"> <!-- IE8 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=a"> <!-- IE5 mode -->


閑麻煩?或者不知道版本的最高標准?

<meta http-equiv="X-UA-Compatible" content="Edge"> 

如此就好,自動使用瀏覽器最高標准。  這個方法不推薦,雖然是懶人程序員的好東西。但是不一定是最實用的。這個目前不穩定啊。







注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com