View Mobile Websites in Windows with Safari 4 Developer Tools
- by Matthew Guay
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. But by making a simple change, you can switch it to work like Safari Mobile on the iPhone or iPod Touch.
Getting Started
First make sure you have Safari 4 for Windows installed. You can download Safari directly (link below) and install it as usual.
Or if you already have another Apple program installed, such as QuickTime or iTunes, then you can install it from Apple Software update. 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 enable the developer tools. Click the gear icon on the toolbar, and select Preferences.
Click the Advanced tab, and then check the box that says “Show Develop menu in menu bar”.
Once you’ve closed your settings box, click the page icon, select Develop, then User Agent, and then choose one of the Mobile Safari settings. In our test we chose Mobile Safari 3.1.2 – iPhone.
To make your browser emulate a mobile device better, you can hide the bookmarks and tab bar to have a more streamlined interface.
Click the Gear icon, and select “Hide Bookmarks Bar”, and then repeat and click “Hide Tab Bar”.
You can also shrink your window to be closer to the size of a mobile device screen. Once you’ve done these things, Safari should look similar to this screenshot. Here we have loaded Google.com, and you can see it in its iPhone-style interface.
Simply enter any website into the address bar, and it will load in its mobile interface if it has one. Here is Google’s other mobile offerings, right inside Windows.
Gmail loads messages with the default iPhone interface.
One especially interesting mobile site is Apple’s online iPhone User Guide. When loaded in Safari with the iPhone setting, it loads with a very nice mobile UI that works just like an iPhone app. In fact, you can even click and drag to scroll, just like you would with your finger on an iPhone.
Conclusion
Even if you do not have a Smartphone, you can still preview what websites will look like on them with this trick. Not all sites will work of course, but it’s fun to play around with different sites that have mobile versions.
Links:
Safari 4 Download
Apple iPhone online user guide
Similar Articles
Productive Geek Tips
Make Safari Stop Crashing Every 20 Seconds on Windows VistaCustomize Safari for Windows ToolbarSave Screen Space by Hiding the Bookmarks Toolbar in Safari for WindowsEdit Text in a Webpage with Internet Explorer 8Keep Websites From Using Tiny Fonts in Safari
TouchFreeze Alternative in AutoHotkey
The Icy Undertow Desktop
Windows Home Server – Backup to LAN
The Clear & Clean Desktop
Use This Bookmarklet to Easily Get Albums
Use AutoHotkey to Assign a Hotkey to a Specific Window
Latest Software Reviews
Tinyhacker Random Tips
Revo Uninstaller Pro
Registry Mechanic 9 for Windows
PC Tools Internet Security Suite 2010
PCmover Professional
Windows Media Player 12: Tweak Video & Sound with Playback Enhancements
Own a cell phone, or does a cell phone own you?
Make your Joomla & Drupal Sites Mobile with OSMOBI
Integrate Twitter and Delicious and Make Life Easier
Design Your Web Pages Using the Golden Ratio
Worldwide Growth of the Internet