iPhone Browser simulator for Windows?

IphoneBrowserSafariSimulation

Iphone Problem Overview


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: https://stackoverflow.com/questions/3884444/css-background-image-rendering-differently-on-iphone

Iphone Solutions


Solution 1 - Iphone

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

Solution 2 - Iphone

I tried all of the options mentioned and didn't like them (basically because they don't show platform-specific components, which is interesting for demonstration purposes).

If this applies for you guys, I'd recommend http://www.browserstack.com/

Unfortunately, it's not free.

Solution 3 - Iphone

[I know the question's quite old now, but maybe my answer might help people coming in with the same query...]

I have found the Google Canary browser's emulator to be one of the best and quickest for testing browser compatibility issues on a windows machine.

It even emulates the iphone's 2x device pixel ratio.

Definitely give it a try and see if it reproduces your issue:

http://www.google.co.in/intl/en/chrome/browser/canary.html

To try out the emulation, hit F12 and below the usual row of dev tools, you will see the second row like in this screenshot...

enter image description here

Plus, it also renders many of the popular device browsers out there...

Hope this helps.

Solution 4 - Iphone

I'll start off the answers:

Blackbaud labs have an open-source, Abode Air powered iPhone browser sim here:

edit: new link: ibbdemo2
(go to downloads link to get .air binary. You need Adobe Air installed)

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

Solution 5 - Iphone

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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestioncodeulikeView Question on Stackoverflow
Solution 1 - IphoneRobert RedmondView Answer on Stackoverflow
Solution 2 - IphoneIgor AndradeView Answer on Stackoverflow
Solution 3 - IphoneAmodView Answer on Stackoverflow
Solution 4 - IphonecodeulikeView Answer on Stackoverflow
Solution 5 - IphoneMike OhlsenView Answer on Stackoverflow