谷歌浏览器怎么模拟手机访问网页?简单几步,让你轻松解决。

chrome浏览器怎么模拟手机访问网页

工具/原料

  • 谷歌浏览器

  • 网络环境

方法/步骤

  1. 1.   双击图标,打开谷歌浏览器,如下图所示。

    chrome浏览器怎么模拟手机访问网页

  2. 2.  按下键盘的F12,进入到调试状态,点击图示的【Toggle device toolbar】.

    chrome浏览器怎么模拟手机访问网页

  3. 3.  步骤2后,进入下图所示的界面,下图左侧模拟的是在不用设备下的界面显示效果。

    chrome浏览器怎么模拟手机访问网页

  4. 4.  点击下图所示的【Responsive】,在下拉菜单中可以选择不同的移动设置包括手机型号、平板电脑型号等等。

    chrome浏览器怎么模拟手机访问网页

    chrome浏览器怎么模拟手机访问网页

  5. 5. 点击下图的【Edit...】,进入到编辑界面

    chrome浏览器怎么模拟手机访问网页

  6. 6. 步骤5后,右边弹出了【Settings】面板,点击【Add custon devices...】添加自定义设备或者在下方已经存在的设置中勾选设备。

    chrome浏览器怎么模拟手机访问网页

  7. 7. 在网址栏中输入百度经验网址后,并登录个人账户,显示模拟手机设备访问网页,如下图所示。

    chrome浏览器怎么模拟手机访问网页

  8.  

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐