说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

关于IE 10 你应该知道的6件事

HTML文档下载 WORD文档下载 PDF文档下载
用户可以在Windows 7和Windows 8上运行IE 10,那么开发人员在开发时需要注意哪些特性和区别呢,比如不再有条件注释、新用户代理字符串、Flash白名单等。

微软正式为Windows 7发布了IE 10,对于开发人员来说,了解这款浏览器的一些最新情况还是相当有必要的,尤其是前端开发人员。通过查看IE 10开发指南可以发现有如下6项新内容值得前端开发者去关注:

1. 不再有条件注释

几乎所有Web开发人员和设计师至少使用过一次条件注释。过去,我们经常需要修复该IE的bug。在这里条件注释随手可得。如果用户运行一个IE版本,你可以将一个额外的样式表或脚本文件收录,且其他浏览器不受影响。可以这样做:

<script type="text/javascript" src="ie9hack.js"></script><![endif]-->
今后,这种情况将不可能出现,因为IE 10不解释这些条件注释。微软认为你应该经常去检测浏览器的特性,及时去掉那些不实用的特性。

2. 新用户代理字符串

用户代理字符串可标识你的浏览器,并向托管你所访问网站的服务器提供有关系统的某些详细信息。IE 10向其用户代理字符串增加一些新的信息。

IE 10标准版用户代理字符串:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
在触摸设备上运行IE 10:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; Touch)
在ARM设备上运行IE 10:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; ARM;)
在ARM触摸设备上运行IE 10:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; ARM; Touch)
3.Flash白名单

如果你使用Windows 8,你将安装两个不同版本的IE 10。一个是桌面版本,带嵌入式Flash播放器,该版本显示Flash的方式和之前的IE版本相同。另一个是"Metro UI"版本,此版本也带有嵌入式Flash播放器,但该IE版本将只显示微软Flash白名单中的网站的Flash内容。

如果你的网站不在该白名单上,你可以将此兼容X-UA的元标签添加到你的页面中:

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />
现在,如果用户用"Metro UI"版IE浏览器打开你的网站,则将出现该元标签,IE将会让用户切换至桌面模式。


我想补充的是,微软经常谈论桌面上大多用户可能不知道的IE浏览器,但并不关心IE 10各版本之间的区别。

你可以点击这里了解更多关于Flash白名单的信息以及了解如何添加你的站点。

4. Win 7和Win 8的区别

你可以在Windows 7和Windows 8上运行IE 10。如果你使用Windows 7,显然你没看到一些特性。
此DOM事件将不在Windows 7上出现。

  • MSPointerCancel
  • MSPointerDown
  • MSPointerHover
  • MSPointerMove
  • MSPointerOut
  • MSPointerOver
  • MSPointerUp
  • MSGestureChange
  • MSGestureEnd
  • MSGestureHold
  • MSGestureStart
  • MSGestureTap
  • MSManipulationStateChanged

Windows 7将不支持CSS(层叠样式表单)属性。

  • -ms-overflow-style
  • -ms-scroll-chaining
  • -ms-scroll-limit
  • -ms-scroll-limit-x-max
  • -ms-scroll-limit-x-min
  • -ms-scroll-limit-y-max
  • -ms-scroll-limit-y-min
  • -ms-scroll-rails
  • -ms-scroll-translation
  • -ms-content-zoom-chaining
  • msContentZoomFactor
  • -ms-content-zooming
  • -ms-content-zoom-limit
  • -ms-content-zoom-limit-max
  • -ms-content-zoom-limit-min
  • -ms-touch-action
  • -ms-scroll-snap-points-x
  • -ms-scroll-snap-points-y
  • -ms-scroll-snap-type
  • -ms-scroll-snap-x
  • -ms-scroll-snap-y
  • -ms-content-zoom-snap
  • -ms-content-zoom-snap-points
  • -ms-content-zoom-snap-type

Windows 7将不支持DOM属性。

  • msMaxTouchPoints
  • msPointerEnabled
  • aria-haspopup

除了用户界面和用户代理字符串,所有的区别都与触摸应用程序编程接口(API)有关。因此,如果你激活使用新的触摸事件,你应该先获得一部运行Windows 8的触摸设备。

5.新HTML 5特性

IE 10运用了大量在IE 9上不可用的HTML 5特性。如果你不想支持IE 9,你可以摒弃许多polyfills和fallback解决方案。最重要的特性如下:

  • 应用缓存API

可让你创建离线Web应用。

  • 拖放

在IE 10上你可以在任何HTML元素上使用可拖曳属性。

  • 文档API

直接在客户端上加载、保存和操作文档。

  • Web格式

使用新输入类型的电子邮件、数字、范围、电话、url、和progress 元素。

  • 浏览历史

可让你对浏览历史进行操作。

  • Video视频

先进的视频回放支持(IE 9有基本的支持)

  •  Web开发者

在后台运行JavaScript代码。

  •  Web套接口

Web套接口使用HTTP提供一个双向通信。

你可以点击这里了解更多信息。

6.新CSS特性

IE 10同样也增加了新CSS特性(大多带-ms前缀)。你可以点击这里了解完整的列表。

  •  CSS先进布局

包括区域、多栏布局、flexbox下拉框控件、网格布局和设备适配。

  • 3D图形变换

在2D和3D环境中旋转、缩放和转换图形元素。

  • 动画

使用CSS 3创建动画元素。

  • 字体

极大改善对OpenType 字体的支持。

  • 渐变

你可以在不需要图片的情况下创造颜色渐变效果。

  • 阴影

你可以为文本和和文本框添加阴影效果。

总结

IE 10还为表格带来了新的特性,几乎所有其他浏览器都支持更多的HTML 5和CSS 3特性。我们将期待微软是否继续改善这些特性,或是否我们还需为下一次更新再等一年。

如果你仍需要IE 9支持,那请务必查阅Cross Browser手册

来自:6 Things you should know about IE 10

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘