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