在桌面浏览器中测试移动网站

Question

我正在使用jQuery Mobile为iPhone,Android等开发移动网站.我希望能够在我的桌面浏览器中测试它,并想知道最好的方法是什么.我想我可以使用插件将User-Agent标头更改为适当的值,并手动将浏览器的大小调整为设备的宽度,但是有更简单/更可靠的方法吗？

更新

对不起,我应该提到唯一可用的硬件是Windows笔记本电脑

Answer 1

好吧,如果您安装了Mac并安装了xCode,则可以使用模拟器.打开Mobile Safari并在所有Apple设备上指向您的网页

您也可以使用Android模拟器(但我没有测试过它可以从浏览器访问网页)

或者你可以使用插件(如你所建议的那样).

我个人使用这个插件的Chrome:

• https://chrome.google.com/webstore/detail/ljfpjnehmoiabkefmnjegmpdddgcdnpo

结果非常好.

我之前使用过Device Anywhere

• http://www.keynotedeviceanywhere.com/

您通过门户网站/站点访问设备并控制它,但这需要$$$

实际的设备测试将是最可靠的

有关:

• http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/(其他建议)
• iPhone模拟器和Android模拟器之间的区别

Answer 2

在 Chrome 中按 F12 打开开发者工具栏。然后单击“切换设备工具栏”（平板电脑图标，左上角选择元素旁边）。然后您可以选择顶部的设备进行测试。