开发者

iPhone Browser simulator for Windows?

开发者 https://www.devze.com 2023-01-18 22:23 出处:网络
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.

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 h开发者_运维知识库ere: CSS background image rendering differently on 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).


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.


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

iPhone Browser simulator for Windows?

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

Hope this helps.


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.


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.

0

精彩评论

暂无评论...
验证码 换一张
取 消