How to turn your Safari into mobile safari? (for iPod/iPhone Testing)

Posted on by
 

Do you want to experience the real mobile safari in your desktop? May be you wanna try sites optimized for iPod or iPhone and if you’ve no apple device to test it, what you will do?

Ok here’s a real scenario. I’ve moved my wordpress blog to self-hosting mode. Most of the default features available in wordpress.com need to be installed as plugin in the self hosted mode.

I’ve installed WPTouch in my blog to support my blog (codereflect.com) load lightning fast on touch mobile devices, show my content beautifully, all while not interfering with my regular theme. I’ve an iPod Touch to check my website in mobile mode to see if it works.

But do you know safari can be turned in to mobile safari to see the website same as your iPhone/iPod Touch?

Follow these steps

1. Take Preferences and go “Adavanced” tab

 

image

 

2. Now load your page

 

image

 

3.  Click on page button (image)and navigate to “Develop” menu .

Select your Mobile Safari user agent for iPod Touch/iPhone from the “User Agent” menu. (You can also check for Firefox, IE and Opera versions)

image

This is a per page settings. None of the other tabs are affected!

 

4. Done! now see your page!

 

image

 
This entry was posted in Uncategorized. Bookmark the permalink.
  • http://sharefav.cn/how-to-turn-your-safari-into-mobile-safari-for-ipodiphone-testing/ How to turn your Safari into mobile safari? (for iPod/iPhone Testing) | ShareFavorite

    [...] How to turn your Safari into mobile safari? (for iPod/iPhone Testing) Related [...]

  • http://blog.megamon.com/?p=61 Turn your safari into mobile safari for ipod and iphone testing | Megamon Tech Blog
  • Dumass

    this is not rendering your page in mobile safari, its setting the user agent so you can test if its selecting the right css and javascript. but its not webkit mobile, try using the css style “position:fixed;”