Mar 19, 2009

Helpful Tip: Use Safari to Render Sites as iPhone Agent

Categories: Design, Featured, How-To, iPhoneization, Tools
1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Testing iPhone specific websites as you design them has always been sort of a pain. You had to either use an iPhone emulator or FTP the files and test it on your own iPhone. Well those days are over.

Thanks to the guys over at CreativeTechTips.com, I can now use Safari to render any site as an iPhone. You can do this in 4 easy steps.

Step 1

step1.png

Open the site you wish to see iPhoneized

Step 2

step2.png

Open Safari Preferences, go to the Advanced Tab, Check Show Develop menu

Step 3

step3.png

open File Menu>Develop>User Agent>iPhone

Step 4

step4.png

Check out how sites will render in an iPhone

Original Post here

4 Responses to “Helpful Tip: Use Safari to Render Sites as iPhone Agent”

  1. iPhone Optimized Video from FLV on the Fly with Freeway | iPhoneized Says:
    April 8th, 2009 at 8:21 pm

    [...] mobile safari browser. Either use your iPhone/iPod touch, or use one of the other methods mentioned here and [...]

  2. Rodney Joyce Says:
    June 4th, 2009 at 10:02 pm

    That’s awesome, thanks for that. I only have Mobile Safari 1.1.3 though under my Develop Menu – how do you get 2.2.1? (Running Safari 3.2.2)

  3. jQTouch Beta 2 Released | iPhoneized Says:
    October 14th, 2009 at 8:12 am

    [...] View a demo here (on iPhone, Safari using iPhone user agent) [...]

  4. Usando Safari no Windows para sites do iPhone | Malkafly Says:
    February 21st, 2010 at 9:55 pm

    [...] que peguei no site iPhoneized para conseguir visualizar os sites versão iPhone no windows. Muito rápido e fácil, primeiro de [...]

Leave a Reply