views:

87

answers:

3

Note: This is a question about simulating the Browser on the iPhone, not simulating the whole device. I know that iPhone-device simulation is not possible on Windows, as discussed at length here.

I have a web site that looks really weird when viewed on an iPhone - its some sort of CSS issue.

The same issue does not occur when I view the site in Safari for Windows (or any other Windows browser for that matter).

So, are there any good iPhone Browser simulators that run on windows? I.e. that render a site in the same way that the iPhone browser does.

Bonus points if there's some way of inspecting the CSS in detail, as with Chrome's 'inspect element' developer feature.

edit: for the curious, the rendering problem that I'm trying to solve is described here: http://stackoverflow.com/questions/3884444/css-background-image-rendering-differently-on-iphone

A: 

I'll start off the answers:

Blackbaud labs have a free Abode Air powered iPhone browser sim here:

iBBDemo2

Unfortunately it doesn't reproduce my particular problem, so it must be rendering differently.

codeulike
A: 

Try these. I tried this in chrome, and sites i visited loaded the non-iphone version. Maybe safari would be better.

http://www.testiphone.com

http://iphonetester.com

UPDATE: After further research, looks like these really only limit the screen size, and dont use the iOS Safari rendering engine.

Mike Ohlsen
Thanks, well at least I know to eliminate them from my enquiries : )
codeulike
+1  A: 

You can simulate the iPhone user agent in Safari 5 if you set up the Developers menu item in Preferences>Advanced. The webkit engine in Safari 5 is similar to iPhone's browser so most of the HTML 5 stuff works the same. As a bonus the Developer's tab allows you to debug JavaScript and some CSS (not so well supported).

Robert Redmond
Thats interesting. Yes it lets me set the user-agent string so that the browser pretends to be an iPhone. The rendering engine still seems to behave slightly differently though.
codeulike
Yeah it is going to behave slightly differently but even the iphone simulator on the Mac behaves differently to the actual phone itself. I've done some dev work in HTML5 for the iphone and Safari 5 is close enough if you take into account the huge performance of your PC versus the phone.
Robert Redmond