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