在桌面浏览器中测试移动网站 [英] test mobile website in desktop browser

问题描述

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

I'm developing a mobile website for iPhone, Android, etc. using jQuery Mobile. I'd like to be able to test this in my desktop browser and was wondering what the best approach is. I guess I could use a plugin to change the User-Agent header to the appropriate value and manually resize the browser to the device's width, but is there a simpler/more reliable way?

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

Sorry, I should have mentioned that the only hardware available is a Windows laptop

推荐答案

如果您有Mac，并且已安装xCode，则可以使用模拟器.打开Mobile Safari，然后在所有Apple设备上指向您的网页

Well if you have a Mac and xCode is installed you can use the Simulator. Open Mobile Safari and point to you web page on all Apple devices

您还可以使用Android模拟器(但我尚未测试过它可以从浏览器访问网络)

You can also use the Android Emulator ( But I've not tested that it can access the web from the browser )

或者，您可以使用插件(如您所建议).

Alternatively you could use a plugin ( as you have suggested ).

我个人使用带有此插件的Chrome:

I personally use Chrome with this plugin:

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

效果很好.

我以前曾经在任何地方使用Device

I've used Device Anywhere before

• http://www.keynotedeviceanywhere.com/

您可以通过门户网站/网站访问设备并对其进行控制，但这需要花费$

you access the device through a web portal/site and control it, but this costs $$$

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

Actual device testing in going to be the most reliable

相关:

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

• http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ ( other suggestions )
• Difference between iPhone Simulator and Android Emulator

这篇关于在桌面浏览器中测试移动网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！