The title seems pretty explanatory after all and I don’t need to put in some more words explaining what it really means. Let’s start with the need of viewing the mobile version of a website? Well, there can be several reasons for that. Developers usually have to be sure that their site is loading right in the mobile devices or else they’re losing thousands or possibly millions of smartphone users that they otherwise might have got. We usually have to make sure that our mobile version is fast, simple layout with great UX or else it’s of no use because no one wants to render a complete heavy web version into their mobile devices.

So if you don’t have iPhone or iPod but you want to see how your website or blog looks like on one then it’s damn simple. Here’s the quick 2 step process:

What you need: Apple Safari. You can download the latest version from here

Step 1:

Open Safari and click on this button ( ) and goto Preferences –> Advanced and check the statement which says:  “Show develop menu in the menu bar”

Step 2:

Open any webpage and then click on this button ( ) and then click
Develop –> User Agent and select from the list of iPhone or iPod clients and your page will load as the iPhone/iPod version! Isn’t it damn simple?

That’s it! I tried opening the mobile Yahoo! page and this is how it looks like in my Safari: