【IT168现场报道】一年一度的微软Tech.Ed技术大会这两天如期而至,作为IT技术人员的一场年度盛宴,本届大会微软携众多全新技术与产品惊艳亮相——Windows 8、Windows Phone 8、IE10、New Office、Windows Server 2012、SQL Server 2012等等。同是,接近百场的技术讲座、动手实验,还为IT技术人员们带来了丰盛的技术大餐。
在本节课程中,微软公司项目经理尹江红向我们介绍了如何让你的网站与IE10兼容,以及兼容性的需求和实现方法。
▲微软公司项目经理尹江红
判断网站未处于标准模式的原因
1、我的页面不是“Browser Mode:IE10”
- 可能的原因:你的网站可能处于Compatibillty View(兼容性视图)中,被迫进入旧版浏览器模式以确保网站功能正常。
- 解决办法:检查网站是否在下面这个列表内
https://iecvlistmmicrosoft.com/ie10/201206/iecompatviewlist.xml
2、我的网页不是“Document Mode=IE10”
- 可能的原因:你的网站的doctype无效或缺失
- 解决办法:检查是否使用了有效、格式正确的doctype
- 可能的原因:文档模式受到X-UA-Compatible这个元标签的强行限制
- 解决办法:在页面上检查是否有类似下面的代码:
<metahttp-equiv="X-UA-Compatible"content="IE=8">
删除找到的代码,重新加载页面。继续测试。
在更新文档模式时,解决常见IE问题
- 可能的原因:条件注释(conditional comment)支持不同浏览器版本相关的功能
- 解决办法:检查是否存在运行非标准代码的条件注释。这些通常用来支持旧版本IE的特定功能,以便让页面在旧版本下可以实现优雅降级。
- 可能的原因:网站可能使用了Windows Style下IE10不支持的第三方插件或Flash、Quicktime和Silverlight。请尽可能使用Web标准。
- 解决办法:学习如何创建不使用插件的体验。
让你的网站在低版本浏览器上同样出色
尹江红介绍到,功能检测、用户代理(UA)嗅探、手动功能检测、使用MODERNIZR进行功能检测、使用POLYFILL模拟HTML5功能、使用POLYFILL协助进行优雅降级,这样就可以让你的网站在低版本浏览器上同样出色。
针对IE10的网站兼容,尹江红还谈到了一点,如果想让你的网站在IE10正常显示而不是在兼容性视图显示,那就需要在网站上的兼容性视图列表中移除(https://iecvlist.microsoft.com/ie10/201206/iecompatviewlist.xml)。