IE10預覽：HTML5初探
近期微軟Windows 8的消息充斥著整個網絡。在Windows 8中微軟將IE10集成在系統中，并且宣稱IE10會很好的支持HTML5。本文是HTML5研究小組對于IE10支持HTML5的研究報告。十年Web領域疲軟后，微軟復仇歸來。
在過去的幾年里我們做了一系列測試來評估主要的移動平臺對HTML5應用的支持。直到現在，我們仍舊沒有花時間在Windows phones上，主要因為Windows Phone7瀏覽器太弱根本不值得評估。但是，在上周的Windows Build會議上我們得到一個開發者預覽的平板電腦（運行了Windows8和IE10）。我們想分享一下我們對HTML5用戶體驗的第一印象。簡單的說IE10的HTML5用戶體驗是我們接觸到的所有平臺上最好的。
Windows 8 Web 平臺
在我們進入Win8和IE10對HTML5的支持細節之前，很值得回顧一下Windows 8的一些概要。Windows8代表微軟在策略上的一個大的轉變，因為它使得Web技術成為Windows原生應用的首選。用Javascript、HTML、CSS開發的應用可以被構建為Windows原生應用了。
Windows的圖形、IO、設備核心服務訪問， JavaScript都有和.NET以及C++的等效綁定。微軟的消息是你可以使用web技術構建所有的Windows原生應用。
那么，開發一個簡單的基于web 的在IE10上運行的應用和開發一個分發到Win8的原生應用有什么不同呢？第一個不同點就是你允許訪問的資源和怎么訪問他們。作為一個基于web的應用，你不能訪問系統的保護資源如攝像頭、打印機等。要把你的web應用打包成一個原生應用，你必須創建許可列表文件來描述你想訪問的受保護資源，然后將你的應用提交到Windows的應用商店。提價后，它將被做一連串的技術和政策檢查。盡管還沒有完全確定，我們猜猜應用商店測試將會是微軟在Windows平臺的一個web技術評估部門。
HTML5支持
IE10里面的新特性有哪些呢？太多了，明顯的部分包括UI元素和特效。IE10預覽支持幾乎所有最近三年引入可視化HTML5和CSS3特性。IE9微軟已經注意了幾個方面能力的提升如主要是硬件加速、畫布等幾個特性，但是IE10引入更多：
- CSS轉變：2D和3D高效平滑轉換。3D轉換和抗鋸齒很明顯好于許多其他的瀏覽器。還有轉換的平滑度給人印象深刻，可能是硬件加速的原因吧
- CSS動畫：完全支持WebKit語法，這讓我們很機動，因為這意味著Sencha Animator的動畫在IE10上運行起來很容易，只需要簡單的查找替換（webkit替換為ms）即可
- CSS3陰影：文本和盒子都支持（還包括插入物陰影）。合并陰影效果和其他特效將完美無瑕
- CSS3傾斜：完全支持新的webki/mozilla語法，允許圓形和橢圓放射傾斜
這僅僅是一個開始。還有web workers、web sockets、web fonts、Indexed DB、SVG 濾鏡、flexbox布局等。好像只有圖片邊框沒有實現。
微軟獲得了幾個第一
在這些發布的UI特性中，IE10獨創了一些在其他瀏覽器中還沒有實現的，如CSS Regions、positioned floats。CSS Regions是一個Adobe做的一個草稿，它可以使報紙樣式的布局，實現類似不規則插入、跨多列、讓文本圍繞浮動的圖片。這些對于想在web上發行副本很有用。（最后，微軟還推動grid layout，盡管這是其獨家實現……）
IE10也有一些針對觸摸接口的擴展，控制元素滾動、移動、縮放。如，-ms-content-zooming CSS屬性可以控制可縮放元素、-ms-scroll CSS屬性可以滾動行為。這些看起來還不是標準行為，所以能看到微軟起草覆蓋這些新特性也是件好事。
IE10缺少的？
有好幾項HTML5技術沒有出現在IE10里面，基于微軟平臺策略考慮，他們可能不會再出現在IE10里面了，WebGL很明顯不在菜單里。3D圖像，web開發者智能使用JavaScript綁定Windows Direct 圖形 APIs并且只能將他們的應用作為Windows應用發布了。相應的媒體圖像和設備APIs也永遠不會出現了。這些就是微軟希望你通過原生綁定來毀滅的APIs。
原文地址：http://www.mhtml5.com/2011/09/2979.html
【編輯推薦】
