IE 9 RC性能/网络标准增强

分享于 

12分钟阅读

Web开发

  繁體

背景

微软宣布 IE 9发布候选 2011年月10日 RC表示 Bug 固定,在最终RTM前不会有大变化。 我从第一个预览版本开始关注 IE 9,我想写一篇关于view视图developer的文章,我打算总结下面列出的IE9的重要增强点:

  • 增强性能
  • 新的轮轮JavaScript引擎
  • 安全模块,进行加密算法加速
  • 增强网站标准支持
  • HTML5 ( 支持和网络存储支持的大量新特性)
  • CSS3 ( border-radius,:: 选择伪元素)
  • W3标准 Geolocaltion API
  • Windows 7集成
  • 网站自定义任务栏 Jumplist

在实现新功能的时候,IE 9将绝对成为整个 IE 历史系统中最快和最优秀的Web标准支持版本。

通过IE9增强

新的JavaScript引擎- Chakra

IE9团队必须努力努力提高脉轮的性能,我从Wikipedia的Chakra页面中选取了以下两段:

在开发引擎的过程中,微软的引擎开发中,在这种浏览器上,IE8在 JavaScript的处理速度方面是滞后。//tests测试显示,PDC内置脚本执行脚本速度快于 IE8,但慢于 IE8 executing but slower Nightly Nightly Nightly Nightly Nightly。 在使用 Carakan ( 使用SquirrelFish Extreme ) Platform Platform Platform Platform Platform Platform Platform Platform Platform Platform Platform

On,测试显示IE9发布候选(。使用当前版本的脉轮) 比 Safari。Firefox ( 使用 TraceMonkey )。Opera 和 Chrome 更快。

你可以通过脉轮来画出一个"陡峭曲线"来捕捉市场上的竞争对手: V8,TraceMonkey等。

webkit SunSpider版本 0.9.1结果生成 02月8日 2011 ( 从最慢到最快)

详细 ResultsAverage ( ms )
3746
Firefox 3.6.13753
Safari 5.0.3310
Firefox 4.0测试版 11254
Chrome 10开发人员248
Opera 11240
Chrome 9238
IE9发布候选项目209

IE9在 webkit SunSpider测试的所有现代浏览器中都有优势。

安全模块,进行加密算法加速

他们说,一般来说,"硬件"是的GPU,页面周围的所有all都是这样的:

今天和浏览器的网站只能使用你的电脑提供的大约 10%的处理能力。 IE 9解锁其他 90%个x。 使用 IE 9,我们通过 Windows 进入你的图形处理器,利用你的电脑的全部潜力。 它使高清视频更加流畅,色彩真实,图形更加清晰,网站更具响应性。

更具体的是,在开发者上,他们描述了:

IE 9使用了for系列 Windows 应用程序编程接口( api ),以启用web开发人员的几个进步。 我们已经将所有图形和文本从CPU渲染到图形卡,使用Direct2D和 DirectWrite。

那么,IE9利用gpu强大的能力? 请看一下这个视频的

HTML5

By: By,IE9,pool,pool,running,running,running,running,running,running,running,running,running,IE9,IE9,IE9,IE9,IE9,IE9,IE9.

HTML5标准支持测试( 从最好到最差)

网络浏览器HTML5测试得分
Google Chrome 10.0开发244
Firefox 4.0测试版 11197
Opera 11177
Safari165
116
IE837
IE612

现在的IE9支持很多全新的HTML5属性,如 header,nav,nav,部分,footer Developers Developers Developers Developers Developers Developers。

Web 存储区

Web Web Session Session Session Session Session Session Session Session存储在客户端的全新HTTP状态存储策略,它是通过一个具体的浏览器存储的,并通过执行这里操作降低了安全性。 ,这是HTML5的最大改进之一 ! 我写了一篇深入研究HTML5网络存储的文章,下面是链接: Web-Storage-In-Essence.aspx

现在 IE9 RC完全支持 sessionStoragelocalStorage,用JavaScript调用 sessionStoragelocalStorage 相当简单,示例代码是 below:

localStorage.{key} = strValue;var localVal = localStorage.{key}; 
sessionStorage.{key} = strValue;var sessionVal = sessionStorage.{key}; 
CSS3

IE9 RC带来了出色的CSS3支持,比如 font-face,命名空间,border-radius,:: 选择伪元素,IE9,IE9,而 Chrome 10.0 Dev则通过了 558.

我编写了一个) 支持页面,演示了 font-face。border-radius:: 选择和选择器,HTML5源代码粘贴了 below。

<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><metaname="application-name"content="Wayne IE9 CSS3 Support Demo"/><title>Wayne IE9 CSS3 Support Demo</title><styletype="text/css">@font-face {
 font-family:"Blue Highway";src: url(http://www.princexml.com/fonts/larabie/bluehigh.ttf) 
 format("truetype"); }
 body {
 background-color: rgba(100,50,0,5,0.5);font-size: 16px;font-family:"Blue Highway", Arial,Tahoma; }
. elementWithRoundedConor {
 width: 150px;height: 100px;padding: 10px;margin: 0 auto;border: 3px dotted #666;border-radius: 10px 10px 10px 10px; }
 ::selection {
 background-color: #E1E87A;color: Black; }
 /*CSS3 selector*/ img[alt*="ie9"] /*all div elements that have an 
 alt attribute value containing"ie9"*/ {
 border: 3px solid #4169E1; }
 </style></head><body><headerrole="banner"></header><aside>CSS3 border-radius demo:</aside><divclass="elementWithRoundedConor"> Some text....
 </div><aside>CSS3 selector demo:</aside><imgsrc="http://i1-news.softpedia-static.com/images/news2/
 The-New-Internet-Explorer-9-IE9-Logo-2.png"alt="ie9test"/><imgsrc="http://mozcom-cdn.mozilla.net/img/home/download-logo.png"alt="FireFox"/><imgsrc="http://i1-news.softpedia-static.com/images/news2/
 The-New-Internet-Explorer-9-IE9-Logo-2.png"alt="ie9logo"/><footerrole="copyrightInfo"><p></p> &copy;WayneYe http://WayneYe.com 2011
 </footer></body></html>
地理定位 API

在我写了一个博客,现在我已经在使用W3标准地理定位API和谷歌地图来跟踪用户( 介绍了如何利用代码实现地理定位的W3标准方法),现在我已经在使用 IE9 Beta2了,现在我已经完全支持地理定位API了 ! 请参见下面的屏幕截图:

点击"允许一次",你的地理定位将被浏览器收集并传递到谷歌地图。

Windows 7集成

这确实是一个 Highlight 特性,它非常有趣:),参见下面的截图:

<metaname="application-name"content="Wayne's Geek Life - 
 Infinite passion on programming"/><metaname="msapplication-tooltip"content="See what Wayne is blogging and sharing:)"/><metaname="msapplication-starturl"content="http://WayneYe.com/"/><metaname="msapplication-navbutton-color"content="#5f6dbd"/><metaname="msapplication-window"content="width=960;height=600"/><metaname="msapplication-task"content="name=Home;action-uri=http://WayneYe.com;
 icon-uri=http://WayneYe.com/favicon.ico"/><metaname="msapplication-task"content="name=Album;action-uri=http://WayneYe.com/Album;
 icon-uri=http://WayneYe.com/favicon.ico"/><metaname="msapplication-task"content="name=Video;action-uri=http://WayneYe.com/Video;
 icon-uri=http://WayneYe.com/favicon.ico"/><metaname="msapplication-task"content="name=History;action-uri=http://WayneYe.com/History;
 icon-uri=http://WayneYe.com/favicon.ico"/><metaname="msapplication-task"content="name=Visit Record;
 action-uri=http://WayneYe.com/VisitRecord;icon-uri=http://WayneYe.com/favicon.ico"/><metaname="msapplication-task"content="name=About Wayne;
 action-uri=http://WayneYe.com/About;icon-uri=http://WayneYe.com/favicon.ico"/>

实现很容易,添加类似的元属性 below 和on在你的Windows 上可以使用 register Jumplist。

微软指南如何创建基本的针站点插件。

结束语

IE9 RC对JavaScript执行性能和更好的Web标准( HTML5,CSS3,地理定位 API ) 支持做了很大的改进,甚至是与 Windows 7任务栏Jumplist的无缝集成。 但是,仍然有许多 pities,我个人希望 IE 9将实现以下HTML5功能:

  • HTML5表单输入元素( <input type="email/range/url/time/color IE9现在完全不支持 等等")。
  • 支持长运行脚本( supports ),它支持不会被响应或者其他用户交互的脚本中断的长运行脚本。
  • 服务器端事件( SSE ) 是HTML5的一部分,它允许服务器在建立初始客户端连接之后,将数据传输到客户机。

引用

附录

我还想借此机会分享两个关于开发与 IE 相关的跨浏览器 web应用程序的个人技巧。

  • 定义"x-ua-compatible"元属性以告诉 IE 应该使用什么"浏览模式",例如:
<metahttp-equiv="X-UA-Compatible"content="IE=edge;FF=3;OtherUA=4"/><!--IE will try to use the highest mode available.--><metahttp-equiv="X-UA-Compatible"content="IE=7;FF=3;OtherUA=4"/><!--IE 7 browse mode.--><metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7;FF=3;OtherUA=4"/><!--EmulateIE7 browse mode.-->

有关MSDN文章的详细信息,请参阅: 兼容属性定义文档兼容性的。

  • 用于区分特定 IE 版本的条件注释:
<!--[if lte IE 6]>
 HTML code only for IE6 and under, for example, add a special CSS file only
 for IE6(or under); Or, display a information panel to inform user IE6 is 
 seriously outdated:)
<![endif]-->

"lte"表示"小于或者等于"我一直用的你也可以用"[ifIE]","[if IE 7 ]",等等,请参阅在MSDN文章中完整使用:! 关于条件注释的

快乐代码。: )

最初发布于:http://wayneye.com/Blog/Significant-Enhancement-In-InternetExplorer9/


INT  STA  EXP  PERF  STAN  Intern