背景
基于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>
添加以上代码重新发布后,客户端访问页面正常