当前位置: 代码迷 >> Web前端 >> 整合浏览器的文档模式
  详细解决方案

整合浏览器的文档模式

热度:54   发布时间:2013-09-28 10:01:20.0
调整浏览器的文档模式

1.浏览器模式与文档模式概念

在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。

?浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。

?文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)

2.如何使Htm页面使用IE9文档模式

如果htm页面中没有doctype,那么WebBrowser将不会使用IE9文档模式来解析页面(哪怕已经设置了注册表9999),而是仍沿用之前兼容旧版IE?Quirks模来渲染,解释页面,JS脚本也将同样处置。这样的缺点是无法使用Html5新特性,优点是您的系统升级到IE9的兼容性改造工作将会大为减少。

修改Htm页面的方法之一是,在Head->Title下添加<META http-equiv="X-UA-Compatible" content="IE=9" > </META>,这样可确保HTM页面工作在IE9标准文档模式下。

?

测试结果如下:

在meta.jsp 中添加以下语句

<META http-equiv="X-UA-Compatible" content="IE=9" > </META>

将meta.jsp放到每个要引用的页面的head中.

在ie浏览器中使用F12进行查看,即可看到ie的文档模式为ie9标准.

------------------------------

备注:只需要调整文档模式就可以使js正常执行,不需要再去修改浏览器模式.

?

  相关解决方案