How Does your Website Look on an iPad?

H
Published in: iPad - websites

If you are curious to know how your website design looks like on the 9.7” screen of an Apple iPad, you can either borrow your friend’s iPad for some time, order one for yourself from eBay (if you don’t live in the US) or just read this.

Test Website in iPad

Step 1: Start your Firefox (or Safari) browser and change the user agent string to that of the Apple iPad. You may use Google Chrome as well but it just takes lot of effort to change user agents in Chrome.

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.

Related: How to Completely Test Your Website

ipad keyboard

You may use the site to view other iPad-friendly websites like Google, Yahoo! News, Facebook, Gmail and so on. There’s an on-screen keyboard as well that gets activated when you click the address bar (just like the real iPad) but it’s non functional.

The tool is open-source and you can grab the full code here. Thanks Orli for the tip.

📮  Subscribe to our Email Newsletter for Google tips and tutorials!
Published in: iPad - websites

Looking for something? Find here!

Meet the Author

Web Geek, Google Developer Expert
A
Amit Agarwal

Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. He is the developer of Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory

Get in touch

Google Add-ons

Do more with your Gmail and GSuite account
G

We build bespoke solutions that use the capabilities and the features of Google Workspace for automating business processes and driving work productivity.

  1. Mail Merge with Attachments
    Send personalized email to your Google Contact with a Google Sheet and Gmail
  2. Save Emails and Attachments
    Download email messages and file attachments from Gmail to your Google Drive
  3. Google Forms Email Notifications
    Send email notifications to multiple people when a new Google Form is submitted
  4. Document Studio
    Create beautiful pixel perfect documents merging data from Google Sheets and Google Forms
  5. Creator Studio for Google Slides
    Turn your Google Slides presentations into animated GIFs and videos for uploading to YouTube