如果你在开发PAD/手机所用WEB版应用,需要在桌面审查页面元素、调试脚本,模拟移动设备尺寸、事件、位置等信息,
那么可以使用Chrome开发者工具(DevTools)提供的强大的移动仿真功能,支持主流移动触摸设备,并且支持对Android的远程调试。
本文是对Google官方文档Mobile Emulate章节的翻译,原文链接如下:
https://developers.google.com/chrome-developer-tools/docs/mobile-emulation?hl=zh-CN
移动仿真
内容
- 仿真触摸事件
- 仿真设备视角(尺寸/规格/版本)
- User Agent模仿
- 网络带宽流量控制
- 地理定位覆盖
- 设备方向覆盖
- CSS媒体类型仿真
- FAQ
仿真触摸事件
由于大部分桌面机器都不支持触摸事件,所以对触摸(Touch)事件进行测试比较难。如果需要在移动设备上进行测试将拖长你的开发周期,因为每个变更都得部署到服务器上然后用设备访问,而且设备上还无法利用调试工