View Mobile Websites in Windows with Safari 4 Developer Tools

Want to try out mobile websites designed for the iPhone and other mobile devices on your PC?

Safari 4 for Windows lets you do this easily with their developer tools.

By default, Safari will show standard desktop websites.

Getting Started

First check that you have Safari 4 for Windows installed.

you might download Safari directly (link below) and install it as usual.

Simply enter apple software update in the Start menu search box.

And then select Safari 4 from the list of new software available.

Click Install to automatically download and install Safari.

Accept the license Agreement, and then Safari will automatically install.

Once this is finished, Safari will be ready to use.

View Mobile Sites in Safari

First, we need to turn on the developer tools.

nudge the gear icon on the toolbar, and select Preferences.

poke the Advanced tab, and then check the box that says Show Develop menu in menu bar.

In our test we chose Mobile Safari 3.1.2 iPhone.

smack the Gear icon, and select Hide Bookmarks Bar, and then repeat and click Hide Tab Bar.

you could also shrink your window to be closer to the size of a mobile rig screen.

Once youve done these things, Safari should look similar to this screenshot.

Here is Googles other mobile offerings, right inside Windows.

Gmail loads messages with the default iPhone interface.

One especially interesting mobile site is Apples onlineiPhone User Guide.

Links:

Safari 4 Download

Apple iPhone online user guide