Testing Mobile Websites in Windows

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.

  • 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.
  • You can also shrink your window to be closer to the size of a mobile device screen.

Simply enter any website into the address bar, and it will load in its mobile interface if it has one.

What about iPad?

If you’re curious about how iPad-specific versions websites of your favorite websites are rendered, but don’t actually own an iPad yet, here’s a way to view those pages using your Mac’s version of Safari.

  • Enable the develop menu in Safari.
  • Choose User Agent -> Other…
  • Paste the string
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
  • Refresh

 

Post A Comment

Anti-Spam Quiz: