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

 

希望可以帮助到更多的人