IE团队项目经理Rob
Mauceri今天在博客展示了IE10的全新改进,包括可以处理JavaScript类型数组、让Web应用直接处理原始数据甚至是文件以及HTML5视频和字幕等功能。这让IE不仅仅成为一个简单的浏览器,而是一个可以读取二进制数据和文件的开发者助手。

Win7之家:HTML5成IE9核心 亲密无间还是同床异梦?

微软随着 Windows 8 操作系统提供了
Internet Explorer 10.0
版,这标志IE浏览器对HTML5等新技术支持性的进一步发展与成熟,同时,IE10也提供了新的
Windows 8 风格的一个轻量级App,更加适合触摸,带给用户沉浸式的用户体验。

过去几年微软IE虽然依然占有极高比例,但在技术人员的心目中它已经尴尬地落后,而IE10正在努力改变这一现状,它更贴近Web技术,并且有望成为Windows
8开发人员入口之一。

微软曾在5月份宣布将把HTML5作为IE9的核心,并将全力投入HTML5。想必微软一定知道HTML5是未来发展趋势,而IE9必须顺应这个潮流,否则会使自己的产品面临困境。IE9每一次发布预览版本时,都对产品性能进行了不同程度的扩充,随着HTML5测试版的发布,微软公司似乎做出一个大赌注。这是否预示着有巨大的风险呢?
HTML 5新功能的迈进 IE9的挑战

 

图片 1

• HTML 5使精排文字变网页
HTML5中包含了若干新功能,其中许多新功能对微软的一些桌面软件构成了威胁。随着可伸缩矢量图形和新标记

IE10 对 HTML5 的表现能力究竟如何?

IE9
带来了许多新的Web技术,例如Canvas图形,CSS(层叠样式表)格式化功能,和SVG(可伸缩矢量图形)等,这为未来的JavaScript语言
及硬件加速特性做好了准备,而Windows
8大量应用Web标准的事实证明,一个有竞争力的浏览器可以驱动一个现代系统,IE10甚至还可以处理二进制数据,例如文件。

的出现,开发人员从JavaScript的浏览器中就可以提供只能在IE8中使用Flash和
Silverlight的图形和动画。 随着新

 

图片 2

先说一点,那就是 HTML 5
的重要变化之一——引入了针对非标准HTML、特别是错误格式HTML的标准化解析规则。也就是说,当浏览器在遇到存在错误的HTML时(如缺少结束标记),通常会处理得很宽松。这是一个广受赞誉的特点,因为相比XHTML来说,HTML​在此种情况下会继续正常处理。IE10
就是这样一个完全支持 HTML5 标准化解析规则的浏览器。

(文/cnbeta)    

标签的出现,没有富互联网应用插件使用经验的人员也能完成多媒体的嵌入工作。
而Web开放字体格式WOFF的出现,使精排版可以真正将文字作为网页来使用,而不是图像。这些功能使HTML5的竞争力强大无比,而对主流的Silverlight和Flash形成了强烈的冲击。
Internet Explorer 9 Preview 3对HTML
5的增强又更进了一步,主要有音频、视频和canvas、更快的JavaScript引擎、支持更多的DOM与CSS特性、支持嵌入式字体、逐步缩小了与其他浏览器在HTML
5实现上的差距,通过硬件加速提供更棒的性能。在这些特性当中,Canvas是呼声最高的一个。但仍有许多人对使用和WOFF是不确定的。而且silverlight是在6月底发布的,实施所有这些功能和移动互联网浏览器的HTML5的兼容问题有很大困难。这将会更有挑战性。
• HTML 5的离线Web带来新体验 在 wi-fi, 3G
无处不在的今天,我们大部分时间都是在线的,这虽然没错,但我们当中那些已经对各种
Web 应用,如 email, 在线新闻以及 Twitter
一刻不可或缺的人来说,我们忽然有了另外一个需求,离线 Web。Gmail, Google
Reader, Zoho 这些优秀的 Web
应用都支持离线使用。但是Web应用并没有提供离线操作,也不提供任何本地数据库的操作,还没有一个可以接受的替代品。
然而HTML5的组件草案规范解决了这个问题。这个未来的 Web 语言明星为 Web
的离线存储制定了一套标准,W3C已经发布 HTML5 离线存储细则。
在浏览器中,将该数据库的语义用 JavaScript
实现。HTML5对你在表单中可以使用得到的新的 input 类型做了详细的定义.
当我说 “使用” 的时候,只需要一个

 

标签,你就可以立即使用它们,而不需要任何依赖,特殊技巧或者变通方法。通过标记的清单属性和缓存清单文件,使离线操作成为可能。本地SQL数据库访问是通过像OpenDatabase和ExecuteSQL
JavaScript的方法,最终我们可以直接使用 JavaScript
实现数据库查询。这些功能在Safari,Opera,Firefox的最新版本已经得以实施,但这些功能在IE8都没有实现。因此,IE9能否将其中的任何功能都得以实现呢?
• IE9支持HTML 5 微软移动平台新毒药
如果微软不执行上述其中一些功能,则IE浏览器的市场份额就会进一步减少,但可能面临更大风险的事情是:Windows的优势最终将被侵蚀。而且如果用户都迁移到网页的富媒体应用、内容和游戏,那么作为世界移动应用平台的企业也将首选HTML5,这样客户端操作系统可以成为一种商品。
消费者方面,HTML5也威胁着苹果,因为iPhone,iPod
Touch和ipad等的应用程序和应用程序商店是在付费平台上发售的。目前,苹果之所以与HTML5亲密无间,是因为Web在这个最热、最新的平台上属于“二等公民”。而微软会像苹果公司那样充分利用IOS来推Windows
Phone 7吗?如果微软要在移动平台占据更多市场份额, IE
9势必需要移植到Windows Phone 7,而Html5的支持也是一条必经之路.
目前,Android这款具有竞争力的手机操作系统在很短的时间内就占据了相当的市场份额,
而iPhone操作系统自2007年1月以来推出了四个主要版本,这个数字对于还处在成长发展时期的Windows
Phone 7
而且无言是有些遥不可及。微软必须加大实践,摒弃前嫌。IE9和HTML5还将继续合跳一曲探戈,这支舞蹈在微软的下一个十年的市场举足轻重。与此同时,微软要非常谨慎地对待这支舞蹈,因为它实时反映了整个市场的情况。新闻来源:IT168

除此之外呢?我们来简单看看 IE10 中针对 HTML5 等现代 Web
标准又增加的主要功能特性支持:

 

HTML5 方面

CSS3方面

其他方面

-异步脚本执行 (Async Script Execution)

– 文件API (File API)

– 历史 (History)

– 表单验证 (Forms Validation)

– Progress 和 Range 控制

– Web workers

– Web sockets

– 拖放(Drag and Drop)

– 应用缓存 (Application Cache)

– 拼写检查 (Spellcheck)

– 通道消息(Channel Messaging)

– 更多

– Flexbox

– Grid

-定位浮动 (Positioned float)

– 3D变换 (3D Transform)

-动画 (Animation)

-渐变 (Gradient)

– Text Shadow

– 去掉了CSS限制

– 更多

– Indexed Database

– Web performance API

– SVG 滤镜效果

– 简化触控开发的 MS Pointers API

– 比 IE9 更加强劲的图形图像处理

– 更多

 

其实早在 IE10 开发者预览版的时候,就有人做过当时的不同主流浏览器之间对
HTML5 支持度的综合测评,这里给出一张图表,展现的是各浏览器处理 HTML5
各种任务的能力考量,分数越高越好:

 

图片 3

 

当然,当时的测评还有其他的各方面,由于篇幅有限,就不一一列举,当时最后的结论是,IE10
除了在对 HTML5 标准支持度方面略显落后外,在 HTML5
其他性能方面都完胜其他浏览器。时隔半年多,如今 IE10 正式版发布了,对
HTML5 标准的支持度方面又有了新的增强。

 

我们不妨找一台带独立显卡的 PC 体验一下鱼缸速度测试(点击图片打开链接)

 

图片 4

 

通过测试我们可以看到 IE10 对图形图像和 JavaScript
处理方面的性能优势,有了高性能的呈现,那么对于富用户体验的 HTML5
交互式网站而言,无疑是流畅体验的一种保障。

其实还有更多针对 HTML5 的测试,大家可以访问
进行体验。

 

IE10 能给消费者和开发者带来什么?

 

图片 5

 

作为消费者的我们,可以通过 HTML5
获得一种轻量、明快的无插件浏览体验,视频、音频和动画均不需要使用任何插件,直接通过浏览器呈现。而
IE10 会继续利用 GPU 资源加速处理这些多媒体和
JavaScript,让浏览体验变得更加快速自然。上图展示的就是一个 cnBeta
新闻站点利用 HTML5 等现代 Web 技术开发出来的新闻阅读体验,该网站在使用
Windows 8 UI 风格的 IE10
打开之后体验更佳,带给用户专注的沉浸式用户体验。

 

图片 6

 

这幅图展示的则是一个基于 HTML5
的网页版游戏——割绳子,它的用户体验毫不逊色于桌面版的应用程序,或者
Windows 8 UI 风格的、从应用商店下载的割绳子 App.

 

图片 7

 

上面这幅图展示的也是一个网站应用,通过浏览器访问,基于
HTML5,在这里,您可以把照片自然地铺开在桌子上,供您把玩和欣赏。该应用着重展示的是触控场景,通过它,您可以用手指轻松将照片铺开、缩放和旋转,您可以体验到自然人机交互带来的乐趣。当然,照片应用只是一个例子,生活中其实还有很多可以用触摸作为交互手段的场景,特别是网页游戏。微软推出的
MS Pointers API 让您的触控开发起于一个全新高度,Pointer
事件封装了触摸、数字笔和鼠标的输入,有助于轻松构建不依赖于硬件设备的交互方式的体验。

 

像这样的炫酷的 HTML5
游戏和实用性网站,能够给用户带来舒心的用户体验。如果用户具备触摸设备,那么用户还可以通过更加自然的人机交互方式与其互动。试想,要是很多网站都具备这样的用户体验,您每天浏览互联网的时候,是不是会更加开心呢?我是非常期待的。

 

图片 8

 

但是,这需要时间,需要开发者们的配合。开发人员一直是新技术普及和投产的核心人物,他们担当着应用新技术开发出产品的重要使命。在
IE10,F12
开发人员工具将一如既往地为开发人员提供直观的错误排查和性能等跟踪分析和调试,助力于
HTML5 网站的开发。国外已经有了很多针对 HTML5
的成功网站和商业案例,国内这一块还得依靠我们国内的广大开发人员的努力。

 

“HTML5 增加了大量提升用户体验的功能标准:canvas
元素可以让开发者在一个特定区域内绘制各种复杂图形,同时可以用 JavaScript
控制你所绘的图形的动效,使得非 flash
的丰富的视觉效果成为可能,用户在移动端和 PC
端可以享受到一致的视觉体验;试想一个你曾经使用过的网络应用程序,一个在线图片编辑程序,你会用它做简单的图片处理,但绝对不会拿它代替
Photoshop,因为它的交互性、响应率和功能性都远不及本地用程序。HTML5
能够很好地解决这些问题。对于交互而言,它支持的 menu
元素能够模拟菜单栏、工具栏、列表栏等本地应用控件,
而且很容易实现,Drag-and-Drop
功能可以模仿”将文件拖拽进垃圾箱”的操作;对于响应率而言, Programmable
HTTP Cache and Serving 功能能使 Web app 内容动态写入浏览器缓存,使 App
响应率接近于本地应用;Web Workers 允许 App
执行多任务,提高用户并发操作的稳定性能;Offline Web Application 允许 App
在离线状态下存储用户数据、正常浏览。你还能通过浏览器获取用户的位置信息以及更多等待你去探索的功能。”——
摘自IE浏览器中文网站 iefans.net

 

我觉得这对于开发者来说,是一个新的机遇,也是一份新的挑战。从现在的趋势看,Web
2.0
时代的网站已经朝着应用程序的趋势在发展,只不过,现有的技术不能很好地满足设计者对于浑然天成的网站效果的追求,也不能带给用户真正完好统一的用户体验。踏入
HTML5
开发的园地,我们不仅可以开发出高质量的、内容精美的网站,更可以编织未来,编写新的基于互联网的
HTML5
应用程序。设想一下未来的用户不再下载应用程序,而是打开一个网站完成他想做的事情的场景。

 

现在,各家主流浏览器厂商也为 HTML5 做好了准备,是时候开始开发 HTML5
的网站了,不论您是对现有的网站进行升级,还是借机会将新的业务搭建在 HTML5
之上,都是很好的起点。使用 HTML5
做开发,不仅可以给用户带来更多优质体验,开发者自身也可以节省很多时间。其中最为突出的是,不必再为了不同的平台和浏览器编写差异性的代码以确保用户体验的一致了。Windows
Phone 8 的移动版 IE 浏览器采用的也是 IE10
的内核,也有更多的掌上设备中的浏览器支持
HTML5,在我看看来,这对于开发者而言,是一个前所未有的机遇。

 

如果您想在这个新的开发领域大展拳脚,那么您也会遇到一些挑战。针对 HTML5
的开发,如果您选择 IE10 作为一个平台,那么正式版的 IE10
已经能够为您的开发提供卓越的支撑。IE10 对 HTML5
的支持已经该进得相当好了,多点触控技术可为用户带来新的自然体验,同时支持多点触控和多种触控方式的
MS Pointers API 为您开发触控友好的网站提供了捷径,IE10
也使用了速度最快的 JavaScript 引擎,同时支持硬件加速,再有就是微软
Windows 8 上桌面版的 IE10 同 Windows 8 UI 风格的 IE10 一起实现了 PC
与平板浏览的体验一致。这从平台的层面,为您步入 HTML5
开发扫清了一些障碍。另外,微软也已通过一些案例的解读和文档的支持,为您扫除了一些头疼的兼容性方面的障碍,例如如何兼容现有网站,如何在用户使用旧版浏览器时,HTML5
网站自动进行优雅的降级(一样具备良好的用户体验)等等。在这里,我想分享一份
IE10
开发兼容性白皮书
给大家,如果您感兴趣,可以抽一点点时间进行阅读,如果它对您有帮助,也希望您能分享给您身边的其他做
Web
开发的朋友们;如果您觉得它不够好,请向我反馈各位的需求,看看大家还希望这份文档讲些什么内容,以对大家的
HTML5 开发提供更大的帮助! J

 

最后,再给出一个针对开发者的资源——HTML5
开发攻略(),这个是微软为开发者准备的聚合资源,这里有成功案例解析,有新特性的解读,有开发好的示例,还有更多其他的您可能会用到的资源。希望大家能够顺利进入
HTML5 开发的进程中,也希望消费者们能够通过新的 HTML5 技术和 IE10
获得您所喜爱的用户体验!