技术开发 频道

尹江红:如何让你的网站与IE10兼容?

  【IT168现场报道】一年一度的微软Tech.Ed技术大会这两天如期而至,作为IT技术人员的一场年度盛宴,本届大会微软携众多全新技术与产品惊艳亮相——Windows 8、Windows Phone 8、IE10、New Office、Windows Server 2012、SQL Server 2012等等。同是,接近百场的技术讲座、动手实验,还为IT技术人员们带来了丰盛的技术大餐。

  在本节课程中,微软公司项目经理尹江红向我们介绍了如何让你的网站与IE10兼容,以及兼容性的需求和实现方法。

尹江红:如何让你的网站与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=EmulateIE7">
  
<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)。

尹江红:如何让你的网站与IE10兼容?


尹江红:如何让你的网站与IE10兼容?
▲点击进入Tech.Ed 2012大会直播专题

0
相关文章