如何在PC上测试html5移动网页

Question

正在开发一个带有html5，css3和javascript的html5移动网页。但是如何测试pc中的布局。我试图添加一些插件来调整浏览器的大小以解决手机的问题，但是din成功了。

Answer 1

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

http://www.opera.com/developer/tools/mobile/

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

Answer 2

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

点击左侧边栏中的Overrides。

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

Answer 3

例如存在User Agent switcher plugin for firefox

这应该模拟移动浏览器到您的应用。

Answer 4

“Web开发人员工具栏”扩展程序（适用于Chrome和Firefox）的功能位于“调整大小”选项卡中，名为“查看响应式布局”。您还可以设置自己的首选大小设置，并将浏览器的大小调整为您想要的大小。

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

http://xip.io/

您可以在此处找到简要说明：http://xpressivecode.com/2012/9/20/xipio-why-you-should-care.aspx