Tech Tip: Preview iPhone Websites in Safari

Last year we published a tip showing how web designers could test their website designs on Apple’s iPhone Simulator. Here is another, simpler, tip along those lines.
Many companies today are creating special versions of their website that automatically display for iPhone visitors. Some examples include Amazon, Google, Bank of America, and even our CreativeTechs Tips blog.
Turn on Safari’s Developer Menu option and you can easily tell Safari to impersonate an iPhone (or other browser types) when visiting different webpages. It isn’t the same as a full iPhone simulator, but this can be pretty useful for web designers testing custom site designs.
Accessing Safari’s Developer Menu.
Go to the Advanced section of Safari’s preferences dialog, and turn on the checkbox for “Show Developer menu in menu bar.”

There are a number of intriguing options to explore in the newly visible Develop menu. Choose Develop > User Agent Mobile Safari to impersonate an iPhone while browsing websites.

This isn’t the same as a full iPhone simulator. For example, you’ll have to reduce the width of your page to properly fit an iPhone design. But it still provides a quick way to test and preview iPhone-optimized sites.
Here is what the Amazon.com website looks like when Safari is impersonating an iPhone User Agent:

Source: I ran across this feature while testing the new Safari 4 beta and realized that the option was included in earlier copies of Safari as well. Read more about this feature in Apple’s Safari User Guide for Web Developers.
Popularity: 2% [?]
July 6th, 2009 at 6:22 am
Something came to my mind that Applications cannot work everywhere, an iPhone app would work only on iPhone and not on blackberry or any other. This is why i think that iPhone compatable websites (like m.digg.com) are a better in comparison to applications. Cost effective, work on every platform, Just a browser needed, and so many benefits. And after some googling this is what i got:
‘Made for iPhone’ websites by SDPlabs makes it even simpler and easier to have a iPhone compatible website.
Hope that helps someone.
July 6th, 2009 at 6:24 am
I believe iPhone optimised websites are proving better than apps. I dont know why everyone is running behind apps. Here i got something ‘Made for iPhone’ websites
February 16th, 2010 at 1:37 pm
This will only work with sites developed specifically for the iPhone and deliver the website by inspecting the user agent. If a website hasn’t got this set up, then a lot of the features that Safari has the Mobile Safari doesn’t (such as a Flash player) will incorrectly display. Obviously making it a little unreliable for anything more than playing around to look at other sites.
March 22nd, 2010 at 10:43 am
Substantially, the post is in reality the freshest on this deserving topic. I harmonise with your conclusions and will eagerly look forward to your next updates. Saying thank you will not just be enough, for the extraordinary lucidity in your writing. I will right away grab your rss feed to stay privy of any updates. Delightful work and much success in your business endeavors!
April 5th, 2010 at 1:01 am
I see an awesome progression in your writing, I would like to get in contact. Keep up the great work! Your writing is extremely motivational for anyone who is new to this stuff.
April 18th, 2010 at 4:03 pm
good writing skill
i love it very much friend
April 20th, 2010 at 11:14 am
also a nice article about the iphone 4g http://bit.ly/iphone-4g-review
April 23rd, 2010 at 1:10 am
Awesome blog. I came across your site when I was searching for information on the Iphone as I’m totally obsessed with my Iphone. Very enjoyable reading.
April 27th, 2010 at 8:53 pm
Cool, that was a great article. You make some really great points.
I personally think Apple is going too far with the secrecy about their new products. Case in point, the 4th gen iPhone. One gets lost in a bar by a drunk employee, and the person who finds it tries to return it. Apple won’t take it because they don’t believe him, so he sells it to Jason Chen, and they’ve got their panties in a twist about it and are charging him with a felony. I personally find it ridiculous.
Anyway, I’ve written about it on my site. Check it out at http://4thgeniphone.com. Thanks for the read!
June 15th, 2010 at 6:33 am
Ahhhh! I need to preorder one of these but the Apple site says “come back later” -_-
July 1st, 2010 at 8:13 pm
Now that is what I call an excellent post, thanks…
July 6th, 2010 at 2:29 am
Mobile website design is quickly becoming the next big thing.
July 23rd, 2010 at 1:58 am
I don’t understand why Steve Jobs offer a free case for buyer here, can the new case solve antena problem?
August 30th, 2010 at 10:47 pm
Amazing sites for iPhone Games and application where you can compare, get reviews of all top applications and games.
August 31st, 2010 at 3:56 pm
i better try it by my own,.so i know what i really want to say about this:)
September 6th, 2010 at 3:33 am
My husband had noticed how my eyes would glaze over everytime the TV ad for the iPhone would come on, and surprised me yesterday by meeting me after work for dinner and then off to the Apple store. Once there, we never even approached the front of the store due to the crowds. It was something like two hours before we could even see the inside of the store. So, we just got some ice cream and chatted about the day while waiting.
September 10th, 2010 at 11:38 am
I don’t really like it when individuals just copy and paste comments…A large amount of people just comment to get a backlink, however, I can’t blame them because backlinking is regarded as the fundamentals to getting a good pagerank and visitors. If however the comment is applicable to your topic, then it’s actually a much better backlink than just a simple copy and paste also, the value of having loads of comments can be so big. Thanks for your post.
September 11th, 2010 at 1:24 am
Thanks for the Information, thanks for the useful Post. I will come back soon . Also great information about the iphone : iphone reviews