How can I test websites for Mobile Devices

html css mobile-website browser-testing
Jiew Meng picture Jiew Meng · Mar 6, 2011 · Viewed 7.7k times · Source

What can I use to test websites I developed using HTML/CSS to see how it looks in mobile devices like iPhone/iPad/Android? Emulators/Simulators on Windows? I could installthe Android SDK and use its emulator? for Apple's devices, I need to pay for the SDK? anything I can use to emulate, I just need it for website testing not apps. Sites like www.testiphone.com or iphonetester.com doesn't appear to be accurate

Answer

Joris Ooms picture Joris Ooms · Mar 6, 2011

If you're on a Mac, use the iPhone simulator included with the SDK.

For windows, there's an Adobe AIR application called iBBDemo2 which is an iPad/iPhone simulator. It looks like a fairly accurate emulator, so it might be worth a try: iBBDemo2

EDIT: Just tested this out on a couple more sites and it's accurate. Definitely worth trying.

The Android SDK also includes an emulator and it's free.

Related questions

Why are my CSS3 media queries not working?

In the styles.css, I am using media queries, both of which use a variation of: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } The sites resize to the layout I …

Read More
Disable Pinch Zoom on Mobile Web

I want to disable Pinch and Zoom on Mobile devices. What configuration should I add to the viewport ? Link : http://play.mink7.com/n/dawn/

Read More
Tips for optimizing a website for Android's browser?

I'm looking for tips, tricks and resources on optimizing a website design for Android's browser. I'm building an Android app and some of the functionality will be accessible through a web interface.

Read More