强制IE使用最高版本引擎渲染页面,避免默认使用IE7引擎导致的页面布局混乱及其它问题

2023-06-20,,

背景

基于Asp.net MVC的一个Intranet web application,

现象

Application发布到服务器端后,在客户端IE访问页面布局混乱,并有javascript报错

原因

IE通过doctype, meta标签和HTML内容推测支持页面的最早期的浏览器引擎对页面进行渲染,本例因IE默认使用IE7引擎渲染而导致版本兼容问题,影响了页面布局和javascript代码的运行

解决办法

因为本例是ASP.net MVC的web application,因此通过向web.config文件添加以下代码定制http header来强制IE用高版本引擎渲染页面

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=edge" />
      </customHeaders>
    </httpProtocol>
</system.webServer>

添加以上代码重新发布后,客户端访问页面正常

强制IE使用最高版本引擎渲染页面,避免默认使用IE7引擎导致的页面布局混乱及其它问题的相关教程结束。

《强制IE使用最高版本引擎渲染页面,避免默认使用IE7引擎导致的页面布局混乱及其它问题.doc》

下载本文的Word格式文档,以方便收藏与打印。