How Does my Website Look on the iPad?

How Does my Website Look on the iPad?
ipad peek, how does my site look on the ipad?

Wondering how your site will look to others on the iPad? Wonder no more!

There is a nifty site called iPad Peek, that gives you a glimpse of how it would look! Click on the top border to switch from landscape to portrait mode. The virtual keyboard and the buttons on the iPad browser are just for show, but the reload button works.

This tool isn’t perfect though, Flash works (and it shouldn’t).  If you want to get the “real” experience, try these steps:

 

Step 1: Start your Firefox (or Safari) browser and change the user agent string to that of the Apple iPad.

 

For Safari- Here’s the full user agent string of iPad

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

 

For Firefox- the User Agent extension to test the iPad layout on your desktop.

 

Step 2: Disable the Adobe Flash plug-in from your browser settings.

 

Step 3: Open iPadPeek.com and type the URL of any website in the built-in Safari browser of the “virtual” iPad.

 

This tool will render websites in landscape mode by default but you can click the top edge of the iPad image to switch the page orientation from landscape to portrait mode and back.

The screen resolution of your current desktop is probably much higher than a iPad (which is 1024-by-768 pixels) so this tool may not exactly simulate iPad’s web browser but its as close as you can get without the real thing.

Submit a Comment

Your email address will not be published. Required fields are marked *