我正在使用jQuery Mobile为iPhone，Android等开发移动网站。我希望能够在我的桌面浏览器中测试它，并想知道最好的方法是什么。我想我可以使用插件将User-Agent标头更改为适当的值，并手动将浏览器的大小调整为设备的宽度，但是有更简单/更可靠的方式吗？
抱歉，我应该提到唯一可用的硬件是Windows笔记本电脑
答案 0 :(得分：7)
如果您安装了Mac并安装了xCode，则可以使用模拟器。打开Mobile Safari并在所有Apple设备上指向您的网页
你也可以使用Android模拟器（但我没有测试过它可以从浏览器访问网页）
或者您可以使用插件（如您所建议的那样）。
我个人使用Chrome加入此插件：
效果非常好。
我之前使用过Device Anywhere
您通过门户网站/网站访问设备并控制它，但这需要花费$$$
实际的设备测试将是最可靠的
相关：
答案 1 :(得分：3)
在Chrome中按F12打开开发人员工具栏。然后单击“切换设备工具栏”（平板电脑图标，选择元素旁边的左上角）。然后，您可以选择顶部的设备进行测试。
答案 2 :(得分：1)
还有PerfectoMobile用于远程测试设备......虽然它可能会非常缓慢。如果可能的话，我真的建议至少购买一些“基础”测试设备。
答案 3 :(得分：1)
查找Chrome插件FabricJS documentation - 您可以在所有平台上模拟不同设备尺寸的移动浏览器。
答案 4 :(得分：1)
还有http://www.browserstack.com/responsive可用于获取您的网站在许多给定设备上的外观截图。
但是，我在此处链接的免费版本中可以获得多少屏幕截图的限制。
答案 5 :(得分：1)
通过使用名为 Ripple Beta 的Chrome插件，我获得了不错的结果。不好的是，没有能力添加一些自定义设备，如8“或9”或更大的平板电脑...但有效。我不确定它是否能够在真实设备上显示一些错误但看起来不错。
答案 6 :(得分：0)
Manymo应该可以很好地为您模拟Android。它向我展示了我的手机显示的内容，即使我的桌面浏览器没有。 Manymo是一个有很多Android手机的网站。只需点击一个并输入您的网址即可。有Android版本和屏幕尺寸等选项。