如何在Google Chrome浏览器桌面版中查看网页的移动版本?


29

我想使用Google Chrome浏览器桌面版测试网站的移动版本。

通常,我可以通过m.在URL 前面添加前缀来加载移动网站,但是尝试加载m.superuser.comm.github.com导致“ 无法访问网站 ”错误。

如何在Chrome for Desktop中测试网站的移动版本?


2
单击任意页面底部的“移动”链接对我来说效果很好。
DavidPostill


3
@DavidPostill您正在链接到一个元问题,该问题询问如何在桌面浏览器上的移动版本中运行Stack Exchange。我非常确定OP正在询问如何以这种方式运行任何网站。那几乎是两种完全不同的情况。
trejder

Answers:


42

您可以使用Google Chrome浏览器的开发者工具来请求网站的移动版本:


  1. 通过打开Chrome的开发人员工具F12
  2. 点击“ 切换设备工具栏 ”按钮以打开或关闭设备模式。(“设备模式”打开时,图标为蓝色)。

    启用设备模式

  3. (可选)使用“ 视口控件 ” 选择要模拟的移动设备。

    视口控件

  4. 在启用了设备模式的情况下刷新网页,以允许加载移动版本。

    查看超级用户的移动网站

资料来源


@ steven-m-vascellaro由于某种原因,responsive下拉菜单在我的Chrome中不可见...知道吗?
unknownerror

@vardin-您需要单击第一个屏幕快照中的红色大箭头指示的按钮,以显示响应下拉菜单。
安德鲁·希尔
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.