如何使用Google Chrome设备模式模拟移动设备调试网站？

最佳答案:

网站管理员通常会要求手机无法调试网站，那么如何检查手机网站的实际效果并对其进行调试？实际上，您可以使用PC浏览器随附的“设备模式”来模拟移动设备访问网站. 移动效果和调试. 今天，以Google Chrome为例，简要说明基本操作.

注意: 移动设备的设备模式仿真使我们能够了解网站在移动设备上显示的一般效果，但是要获得全面而逼真的效果，您仍应在真实的移动设备上测试网站.

1. 使用Google Chrome打开目标网站，例如boke112导航，右键单击网站页面手机浏览器调试，然后在弹出菜单中单击“检查”. 详细信息如下所示:

2. 单击弹出的DevTools左侧的第二个图标. 下方箭头所示的图标将打开设备模式. 当然，您也可以使用Command + Shift + M（Mac）或Ctrl + Shift + M（Windows，Linux）快捷方式来打开或关闭设备模式.

3. 启动设备模式后，您可以单击不同的移动设备手机浏览器调试，然后单击顶部的显示比例. 如果列表中没有您想要的移动设备，我们也可以单击第一个选项“ Responsive”，然后输入其他大小来调试罐. 详细信息如下所示:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/dianqi/article-210576-1.html