test mobile website in desktop browser

Question

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 appro

Answer 1

There is also http://www.browserstack.com/responsive that can be used to get a screenshot of what your site would look like on a number of given devices.

There is however a limitation of how many screenshots you can get in the free version I have linked to here.

Answer 2

There's also PerfectoMobile for testing on devices remotely...though it can be painfully slow. I'd really recommend at least getting some 'base' testing devices, if possible.

Answer 3

Look for the Chrome plugin Responsive Web Design Tester - you'll be able to emulate mobile browsers for different device sizes on all platforms.

Answer 4

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

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 ).

I personally use Chrome with this plugin:

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

with pretty good results.

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

related:

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

Answer 5

In Chrome hit F12 to open the Developer Toolbar. Then click 'Toggle device toolbar' (tablet icon, top left next to select element). You can then choose the device at the top to test.

Answer 6

Manymo should work very well simulating Android for you. It shows me exactly what my cell phone shows, even though my desktop browsers don't. Manymo is a website with a lot of Android phones pictured. Just click one and enter your URL. There are options such as Android versions and screen sizes.