360浏览器与 IE的兼容性模式笔记

最新推荐文章于 2024-04-21 05:28:14 发布

zh168jin

最新推荐文章于 2024-04-21 05:28:14 发布

阅读量1.8k

点赞数 1

本文链接：https://blog.csdn.net/zh168jin/article/details/50038295

版权

一、

1、IE中设置的模式（如:IE9兼容模式），决定了IE向httpServer发送时，request header中User-Agent (UA) 中的内容。

2、IE中的文档模式，指明了IE渲染 http标签时，使用的引擎。改变文档模式时，IE将重新渲染页面，但是不会回重新像httpServer发送请求，也就是说不会从httpServer获取到新的html内容的输出。

二、

修改浏览器的渲染模式

可以使用在页面中写入 <!doctype html> 并且在Meta 标签中写入 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 或者 HTTP Header 的response header中设置 “X-UA-Compatible:IE=Edge,chrome=1”，两种方式，改变浏览器的渲染模式。

如果你想只在一个特定的页面改变文档模式，建议使用 Meta tag模式，如果你想所有网站内所有的页面都修改，那么建议使用 HTTP header 的方式。

EmulateIE9

EmulateIE9 tells IE to use the doctype to determine how to render content. Web pages with no doctype or a Quirks doctype are rendered in Quirks mode. All other doctypes are rendered in IE9’s Standards mode.

"EmulateIE9"告诉IE，使用doctype判断如何渲染内容，如果页面中没有指定doctype( or a Quirks doctype are rendered in Quirks mode)，则使用IE9标准模式。

IE9

IE9"告诉IE使用IE9的标准模式渲染，并且忽略doctype。

举一个复杂点的例子，如果你希望在IE8中使用IE7 标准模式，但是在IE9中使用IE9标准模式，那么写法如下：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

三、360下制定浏览器为非兼容模式的方法为：

360 增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核

四、

   可以利用document对象的documentModel 属性，使用javaScript判断网页的文档兼容模式， 方法不适用于IE11 
 
 
   
 
    engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer")
{
   // This is an IE browser. What mode is the engine in?
   if (document.documentMode) // IE8 or later
      engine = document.documentMode;
   else // IE 5-7
   {
      engine = 5; // Assume quirks mode unless proven otherwise
      if (document.compatMode)
      {
         if (document.compatMode == "CSS1Compat")
            engine = 7; // standards mode
      }
      // There is no test for IE6 standards mode because that mode  
      // was replaced by IE7 standards mode; there is no emulation.
   }
   // the engine variable now contains the document compatibility mode.
} 
   

参考文档：

http://www.ihref.com/read-16623.html

https://msdn.microsoft.com/en-us/library/jj676914(v=vs.85).aspx

http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx