首页 > 代码库 > 解决ASP.NET服务器控件在IE10下的不兼容问题
解决ASP.NET服务器控件在IE10下的不兼容问题
相信很多使用IE10的童鞋们已经发现了这个问题,以下是本人在IE10标准模式下发生的问题,声明:IE10不只有一个版本。
1.服务器控件属性丢失,在aspx页面定义的TextBox:
<asp:TextBox ID="txt" runat="server" Width="200" />
在IE10标准模式下浏览发现宽度不对,遂打开源代码发现成这样了:
<input name="txt" type="text" id="txt" /> width属性没了
2.偶尔发现页面报错__doPostBack找不到
目前就发现以上两点,第一反应就是兼容性问题,查了一些资料,果然是IE10的bug,不禁对微软的产品不满,新的浏览器尽然连自己的服务器控件都存在兼容性问题。
一般用户只需要设置浏览器在兼容模式下运行就可以解决了,但是开发人员怎么去解决这个问题呢?
VS项目里加App_Browsers文件夹,加ie.browser文件,文件内容帖下面的内容:
<browsers> <!-- Mozilla/5.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4325) --> <browser id="IE6Plus" parentID="IE"> <identification> <capability name="majorversion" match="^[6-9]|\d{2,}$" /> </identification> <capabilities> <capability name="ecmascriptversion" value="http://www.mamicode.com/3.0" /> <capability name="jscriptversion" value="http://www.mamicode.com/5.6" /> <capability name="javascript" value="http://www.mamicode.com/true" /> <capability name="javascriptversion" value="http://www.mamicode.com/1.5" /> <capability name="msdomversion" value="http://www.mamicode.com/${majorversion}.${minorversion}" /> <capability name="w3cdomversion" value="http://www.mamicode.com/1.0" /> <capability name="ExchangeOmaSupported" value="http://www.mamicode.com/true" /> <capability name="activexcontrols" value="http://www.mamicode.com/true" /> <capability name="backgroundsounds" value="http://www.mamicode.com/true" /> <capability name="cookies" value="http://www.mamicode.com/true" /> <capability name="frames" value="http://www.mamicode.com/true" /> <capability name="javaapplets" value="http://www.mamicode.com/true" /> <capability name="supportsCallback" value="http://www.mamicode.com/true" /> <capability name="supportsFileUpload" value="http://www.mamicode.com/true" /> <capability name="supportsMultilineTextBoxDisplay" value="http://www.mamicode.com/true" /> <capability name="supportsMaintainScrollPositionOnPostback" value="http://www.mamicode.com/true" /> <capability name="supportsVCard" value="http://www.mamicode.com/true" /> <capability name="supportsXmlHttp" value="http://www.mamicode.com/true" /> <capability name="tables" value="http://www.mamicode.com/true" /> <capability name="supportsAccessKeyAttribute" value="http://www.mamicode.com/true" /> <capability name="tagwriter" value="http://www.mamicode.com/System.Web.UI.HtmlTextWriter" /> <capability name="vbscript" value="http://www.mamicode.com/true" /> </capabilities> </browser> <!-- Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0;) --> <browser id="IE6to9" parentID="IE6Plus"> <identification> <capability name="majorversion" match="^[6-9]$" /> </identification> </browser> <!-- Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0;) --> <browser id="IE7" parentID="IE6to9"> <identification> <capability name="majorversion" match="^7$" /> </identification> <capabilities> <capability name="jscriptversion" value="http://www.mamicode.com/5.7" /> </capabilities> </browser> <!-- Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729) --> <browser id="IE8" parentID="IE6to9"> <identification> <capability name="majorversion" match="^8$" /> </identification> <capabilities> <capability name="jscriptversion" value="http://www.mamicode.com/6.0" /> </capabilities> </browser> <!-- Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729) --> <browser id="IE9" parentID="IE6to9"> <identification> <capability name="majorversion" match="^9$" /> </identification> <capabilities> <capability name="jscriptversion" value="http://www.mamicode.com/6.0" /> </capabilities> </browser> <!-- Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0) --> <browser id="IE10Plus" parentID="IE6Plus"> <identification> <capability name="majorversion" match="\d{2,}" /> </identification> <capabilities> <capability name="jscriptversion" value="http://www.mamicode.com/6.0" /> </capabilities> </browser> <gateway id="IEbeta" parentID="IE"> <identification> <capability name="letters" match="^([bB]|ab)" /> </identification> <capture> </capture> <capabilities> <capability name="beta" value="http://www.mamicode.com/true" /> </capabilities> </gateway> </browsers>
这是一种基于站点的修复方式,参考微软官方资料:
.NET 4 浏览器更新 NuGet 包 - http://nuget.org/List/Packages/App_BrowsersUpdate
.NET 2.0 浏览器更新 NuGet 包 - http://nuget.org/List/Packages/App_BrowsersUpdate.net20
还有一种是打补丁,能解决服务器上所有站点的兼容性问题
.NET 4 - http://support.microsoft.com/kb/2600088
.NET 2.0 - http://support.microsoft.com/kb/2600100
另外博主在项目里用了大量的devexpress服务器控件,苦不堪言,虽然按照以上方式进行修复,VS自带的控件倒是没出现问题,但是dev控件却一大堆错误,最终还是没有修复,只能让用户使用兼容性模式。
只希望微软发布下一版本浏览器时能修复这个问题
补充,在web.config里加HTTP 响应标头改变浏览器呈现模式
参考资料:
http://www.iis.net/configreference/system.webserver/httpprotocol/customheaders
http://msdn.microsoft.com/zh-cn/library/bb763179.aspx
http://blogs.msdn.com/b/webtopics/archive/2008/09/05/configuring-iis-to-work-around-webpage-display-issues-caused-by-internet-explorer-8-0.aspx
<configuration> <system.webServer> <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="http://www.mamicode.com/IE=EmulateIE7" /> </customHeaders> </httpProtocol> </system.webServer> </configuration>
本文出自 “灵雨飘零博客” 博客,请务必保留此出处http://101779.blog.51cto.com/91779/1571419
解决ASP.NET服务器控件在IE10下的不兼容问题