用桌面版Chrome模拟移动浏览器:chrome mobile emulation

来源:互联网 发布:嘉兴美工招聘 编辑:程序博客网 时间:2024/05/01 15:15
一、功能简介
chrome emulation可以实现在桌面上调试移动网页,模拟各种主流移动设备及其相关参数:
  • 仿真触摸事件
  • 仿真设备视角(尺寸/规格/版本)
  • User Agent模仿
  • 网络带宽流量控制
  • 地理定位覆盖
  • 设备方向覆盖
  • CSS媒体类型仿真
  • FAQ
  • 二、如何开启

    1、打开chrome浏览器,按F12,打开开发者工具,点击最左侧类似手机的图标,然后我们将看到我们的"触屏版"在不同设备下的表现:


    三、开启和关闭触屏事件


    点开开发者工具右下角Settings图标,并点开Overrides设置面板,进入Emulation标签,勾选"Enable touch events"单选框,重新加载,当鼠标变成一个小圆状时,就可以通过鼠标操作来模拟相关触摸事件了

    四、其他

    1.通过设备列表,选择设备

    2、选择网络

    3.修改UA

    4.相关帖子

    http://testerhome.com/topics/1697

    http://blog.csdn.net/iefreer/article/details/12653193


    
    0 0