1. 程式人生 > >關於IE 10 你應該知道的6件事

關於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手冊。