windows 8 Metro IE 超凡體驗

  如今windows 8 RP版本也出來一個月了，同時IE10也有重大的更新和改變。作為開發人員，尤其是網站相關的開發人員。你必須知道的就是一個網頁在windows 8 裡面能夠有一些非凡的體驗。個人總結應該有以下這麼一些。

• 多點觸控的支援：在ie10中能夠通過javascript的處理使用者的一些多點觸控的輸入，比如 兩個手指的拉升，旋轉。
• 識別輸入的的裝置：通過簡單的javascript事件偵聽就能夠知道目前使用者的輸入是什麼裝置，比如手指的點擊，滑鼠的點擊，觸控筆的點擊。
• 高效的分享：整合windows 8的共用功能，自訂分享內容。
• 動態磚：一個簡單的網站固定，可以保持一個訊息推送的功能，讓“捷徑”不再是靜態。當使用者再次點擊進入還可以自訂跳轉任務導航。
• 靈活的貼靠：也是整合windows 8 的使用，讓網站更具使用者黏性和超凡的使用者體驗。

說了這麼多給分享一些程式碼範例和吧。

在IE10中識別輸入的裝置代碼為：

<script type='text/javascript'>

var t=document.getElementById("div");

t.addEventListener("MSPointerDown",_back,false);

function _back(e)

{

alert(e.pointerType.toString());

}

</script>

更多內容可以下載IE10相容性白皮書高清pdf版本

注意：目前各大網站都都有一個IE10相容白皮書，那個是第一個初期版本，以下這個是修改之後的最新版本

/Files/risk/IE10相容性白皮書_20120606.pdf

 

希望可以協助到更多的人