如何在pc上测试html5手机网页

我正在用html5、css3和javascript开发一个html5移动网页。但是如何在pc中测试布局。我尝试添加一些插件来调整浏览器的大小，使其达到移动电话的分辨率，但成功了。

例如，存在

这将模拟移动浏览器到您的应用程序

例如，存在

---

这将模拟移动浏览器到您的应用程序

Opera有一个移动设备仿真器，可以模拟许多设备，您可以创建自己的设备

---

Chrome具有一项功能，允许您设置用户代理和设备指标，以便在移动设备上进行测试。您可以通过按f12键打开“开发人员工具”并单击右下角的小齿轮来访问此功能。

Opera有一个移动设备仿真器，可以模拟许多设备，您可以创建自己的设备

Chrome具有一项功能，允许您设置用户代理和设备指标，以便在移动设备上进行测试。您可以通过按f12打开开发者工具并单击右下角的小齿轮来访问此功能。

Web开发者工具栏扩展（适用于Chrome和Firefox）在“调整大小”选项卡中有一个功能，称为“查看响应布局”。您还可以设置自己的首选大小设置，并将浏览器大小调整为所需的任何大小

另一种选择是使用家中的设备或朋友可以借给你的设备，并使用xip.io服务直接从这些设备访问计算机上的文件

您可以在这里找到一个简短的解释：

Web开发者工具栏扩展（可用于Chrome和Firefox）在“调整大小”选项卡中有一个功能，称为“查看响应布局”。您还可以设置自己的首选大小设置，并将浏览器大小调整为所需的任何大小

另一种选择是使用家中的设备或朋友可以借给你的设备，并使用xip.io服务直接从这些设备访问计算机上的文件

---

您可以在这里找到一个简短的解释：

您可以使用Chrome的inspector设置视口的硬宽度/高度，以测试移动布局。为此，按ctl-shift-i打开检查器。然后单击右下角的小齿轮。这将打开此页面：

单击左侧边栏中的

替代

然后使用此部分设置视口设置：

---

您可以使用Chrome的inspector设置视口的硬宽度/高度，以测试移动布局。为此，按ctl-shift-i打开检查器。然后单击右下角的小齿轮。这将打开此页面：

单击左侧边栏中的

替代

然后使用此部分设置视口设置：

---

谢谢您的回复。但是如何设置浏览器窗口的大小。现在它以正常大小显示。请帮助谢谢您的回复。但是如何设置浏览器窗口的大小。现在它以正常大小显示。请帮助这里有一个类似（或相同）的问题：[link][1]。[1] ：这里有一个类似（或相同）的问题：[链接][1]。[1]: