最新消息:

用IE 10触控事件模型调试响应式Web设计

365bet开户 采集侠 浏览 评论

目前我正在研究IE 10触控事件。虽然我已经十分幸运地拥有了一台Windows 8平板电脑,但是我仍在寻找一种更加简便的方法,即无需每次切换至平板电脑,便可直接在经典笔记本上执行基本测试的方法。在寻找该方法的过程中,我发现了一些技巧和窍门,有了这些经验,您就可以在不使用触控设备的情况下,对代码中的IE 10触控事件进行调试了。正面效应:这种方法还可帮助您测试、调试响应式Web设计!

先决条件:在学习本教程之前,首先需要执行下列步骤:

IE 10触控事件模型

如果您对触控执行方式还不甚了解,可以先阅读下列三篇文章:

1.IE10浏览器及Metro Style应用程序的触控输入

2.所有浏览器中的多点触控及鼠标输入处理

3.使用Gesture事件实现超出Pan、Zoom及Tap范围之外的其他功能

您可以参考作为补充资源的Pointer.JS库,该库模拟了面向其他浏览器的IE 10模型。

Windows 8 模拟器模拟触控

Windows模拟器安装了多种开发工具,一般用于测试、调试Metro Style应用程序。您可以通过阅读下面的文章了解更多详细信息:初识Windows模拟器。

然而,我们完全可以使用模拟器来调试在IE10中运行的Web应用程序。下面我向大家介绍一下具体的实现方法。

1.运行“Program Files (x86)/Common Files/Microsoft Shared/Windows Simulator/11.0”文件夹下的Microsoft.Windows.Simulator.exe,启动模拟器,然后再单击桌面图标。

您会发现得到了缩放和旋转双重触控模拟效果:

下图是所选网站的结果:

2.通过单击下列按钮,还可以模拟各种形状系数及分辨率显示结果。

3.下图是分辨率2560x1440下该网站的显示结果(对比之前默认分辨率为1366 x768时的截图):

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)
  • 验证码 点击我更换图片

网友最新评论