天天看点

使用 chrome mobile emulation 来辅助 device 测试

如果你测试的是web app 或者是 hybrid app, chrome mobile emulation可以辅助大家快速的在PC端完成debug,或者是html部分的冒烟,布局测试。

Mobile emulation只有在chrome 32版本之后才有!!!

打开chrome,navigate到 developer tools(F12), 点击“show drawer”按钮。

使用 chrome mobile emulation 来辅助 device 测试

设备栏提供了十几种流行的手机模式:iphones,ipads,Samsung Galaxy......当然相应的信息会体现在UA上。

选择设备,刷新页面。

使用 chrome mobile emulation 来辅助 device 测试
使用 chrome mobile emulation 来辅助 device 测试

屏幕栏允许大家定制化手机的分辨率,像素比例.......

使用 chrome mobile emulation 来辅助 device 测试

User Agent是一个古老的技术,旨在根据不同的agent string 来显示不同的mobile website。目前多被响应式设计所取代。

使用 chrome mobile emulation 来辅助 device 测试

通过此栏你可以实现device的硬件模拟,包括触摸,地理定位,加速度计......

使用 chrome mobile emulation 来辅助 device 测试

回到设备栏,点击“reset”按钮。

Chrome的模拟器对于开发,测试都是非常有用的,但是它还远远不能替代真机上的用户和mobile site, app的真实交互,体验。

所以如果你想进行quick and dirty的mobile testing, chrome mobile emulation是个不错的选择。

本文转自 小强测试帮 51CTO博客,原文链接:http://blog.51cto.com/xqtesting/1633384,如需转载请自行联系原作者

继续阅读