我正在使用 jQuery Mobile 为 iPhone、Android 等开发一个移动网站。我希望能够在我的桌面浏览器中对此进行测试，并且想知道最好的方法是什么。我想我可以使用插件将 User-Agent 标头更改为适当的值并手动将浏览器调整为设备的宽度，但是有更简单/更可靠的方法吗？
抱歉，我应该提到唯一可用的硬件是 Windows 笔记本电脑
【问题讨论】：
标签： testing mobile jquery-mobile
如果您有 Mac 并安装了 xCode，您可以使用模拟器。在所有 Apple 设备上打开 Mobile Safari 并指向您的网页
你也可以使用安卓模拟器（但我没有测试过它可以从浏览器访问网络）
您也可以使用插件（如您所建议的那样）。
我个人使用 Chrome 和这个插件：
效果不错。
我以前用过 Device Anywhere
您通过门户网站/网站访问设备并对其进行控制，但这需要花费 $$$
实际设备测试将是最可靠的
相关：
【讨论】：
在 Chrome 中按 F12 打开开发者工具栏。然后单击“切换设备工具栏”（平板电脑图标，选择元素旁边的左上角）。然后您可以选择顶部的设备进行测试。
【讨论】：
还有用于远程测试设备的 PerfectoMobile……尽管它可能非常缓慢。如果可能的话，我真的建议至少购买一些“基础”测试设备。
【讨论】：
还有http://www.browserstack.com/responsive 可用于获取您的网站在多个给定设备上的外观截图。
但是，在我在这里链接到的免费版本中，您可以获得多少屏幕截图。
【讨论】：
通过使用名为 Ripple Beta 的 Chrome 插件，我在视觉上获得了不错的结果。不好的是，无法添加一些自定义设备，例如 8 英寸或 9 英寸或更大的平板电脑……但可以。我不确定它是否能够在真实设备上显示一些可见的错误，但看起来不错。
【讨论】：
Manymo 应该可以很好地为您模拟 Android。它准确地显示了我的手机显示的内容，即使我的桌面浏览器没有。 Manymo 是一个有很多安卓手机的网站。只需单击一个并输入您的 URL。有 Android 版本和屏幕尺寸等选项。
【讨论】：
寻找 Chrome 插件 Responsive Web Design Tester - 您将能够在所有平台上针对不同设备尺寸模拟移动浏览器。
【讨论】：