返回大旺国际登录网站
当前位置: 主页 > 精通Office > 其他教程 >

如何使用Chrome开发者工具模拟主流移动设备

时间:2017-06-23 15:15来源:大旺国际登录网站www.zhixing123.cn 编辑:麦田守望者

Chrome浏览器提供了强大了Chrome 开发者工具,以帮助广大网站开发者提供诸如兼容性等的测试工作,下面说说如何使用Chrome开发都工具模拟主流移动设备。

  • 1、要使用这个功能,首先确保你的Chrome在32以后版本。在你没有做任何“优化”的情况下,chrome会自动更新至最新版本的,目前最新为Chrome35。
  • 2、 按F12或(Ctrl+Shift+I)键来打开”开发者工具”,点击[Show drawer]图标
    Chrome模拟移动设置浏览爱玩电脑 
  • 3、选择[Emulation]后你会在Device一栏的下拉列表中看到主流的移动设备,覆盖平板,手机,平台也包括android,iOS,Windows Phone
  • win7en 2014-06-22_093600
    选择你需要测试的机型,比如大家这里选择的是GOOGLE的Nexus 7 平板,然后再点击[Emulate]按钮即可。接下来页面就呈现出Nexus 7 真机下显示的页面效果了,此时的鼠标也变成了一个小灰点也模拟手指滚动的效果。

对于普通用户,这个功能有什么用呢?比如你可以用这个地址来访问某些网站的移动端,来获取他们针对移动端的活动之类的,这个就要看实际情况了,有了它,至少在急需的时候不用去找其他的插件了

------分隔线----------------------------
标签(Tag):Chrome开发者工具
------分隔线----------------------------
推荐内容
猜你感兴趣
XML 地图 | Sitemap 地图