Chrome浏览器怎么模拟不同型号手机访问网页

上一篇 / 下一篇  2015-06-29 15:06:36

移动站上线之后,为了了解不同型号手机访问网页效果,都会用到谷歌浏览器来模拟不同型号手机的访问情况,有的人不知道如何设置,那么,在这里,小敏跟大家分享一下谷歌Chrome浏览器怎么模拟不同型号手机访问网页的方法。

Chrome浏览器怎么模拟不同型号手机访问网页

工具/原料

  • Chrome浏览器

Chrome浏览器模拟不同型号手机访问的步骤

  1. 1

    在电脑上下载和安装完成Chrome浏览器之后,在桌面双击打开。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  2. 2

    打开Chrome浏览器之后,在电脑上打开一个手机站,比如百度手机站,然后点击鼠标右键,选择“审查元素”。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  3. 3

    接着会在右侧显示一些代码和一些选项设置,在这里,可以点击右上角的“底部显示图标“进行底部横屏的切换。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  4. 4

    在横屏切换之后,再点击右上角“设置”图标左边的“show drawre”图标进行展现。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  5. 5

    然后点击查看“Emulation”菜单,在点击下面的“手机图标”。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  6. 6

    接着就可以看到其中一种型号的手机的访问效果,当然还可以点击上面或者下面Device设备菜单的下拉图标进行其他手机型号的选择。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  7. 7

    接着在弹出来的多种手机型号中,根据自己要测试的需求和效果,进行相应的手机型号选择。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页
  8. 8

    选择相应手机型号之后,在上面的可以看到这个型号手机访问网页的效果了。(如下图)

    Chrome浏览器怎么模拟不同型号手机访问网页


TAG: Chrome 型号 手机访问 网页 跳页 浏览器

 

评分:0

我来说两句

Open Toolbar