Test & Preview Your Website on iPad with iPadPeek
As web designers, developers and webmasters, you may notice that a certain portion of traffic comes from mobile devices such as Apple iPhone, and the latest goody – iPad. It’s necessary to test your mobile version website on iPad and make sure everything works well and compatible with this new mobile device. Want to see what your website looks like on the iPad? To do that, you don’t need to buy an Apple iPad actually.
iPad Peek is a nifty webapp that lets you see how your website will be rendered on the iPad in different screen resolutions. Click on the top border to switch from landscape to portrait mode. The virtual keyboard, back/forward and bookmark buttons on the iPad browser are just visually display, only the reload button works. Type in the URL of website and blog you want to check and hit enter button. You can click on the top part/border frame of the iPad toggles the landscape and portrait mode. To get closer to the real iPad, you should disable the Flash plugin in your web browser and change the user agent string to that of the Apple iPad. Here’s how WebmasterCrunch looks like when viewed on the iPad using iPad Peek:
Also, Mashable has instructions for changing your Firefox user input string to that of the iPad:
Type “about:config” in the address bar, click the right mouse button, select New – String, and name it “general.useragent.override”. Then enter the value “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”.