Advanced Search

See how your website looks on screens of any size using free Responsive Design Checker tool
By
08 September 2019 (Edited )
Share this article:

See how well your web developer has done in making your website work in screens of any size

Probably in 2019 your website has been designed to be "responsive" - that is, as Wikipedia puts it, designed to "make web pages render well on a variety of devices and window or screen sizes."

To get an appreciation of the technical challenges developers face in creating responsive websites, see this article by Google Developer Advocate Pete LePage.

Happily, a free online tool from Detroit-area developers Media Genesis makes it easy to determine quickly how well your web developer has done in making your website work in screens of any Apple or Android device.

To use the tool, just go to https://www.responsivedesignchecker.com/ and enter the URL of any web page of interest. In this example, I'm going to use the home page of the Massachusetts Office of Travel and Tourism's website MassVacation.com:

Warning: This tool only works on URLs using the Transport Layer Security protocol: that is, HTTPS URLs vs. HTTP. It will not work on HTTP URLs.

Clicking the GO button on MassVacation.com today produces this view:

Note that this default view is showing the MassVacation.com home page at a screen size of 1400 x 700 pixels as indicated at top right:

To see how this page looks at any other screen size, just edit the numbers in the W and H boxes.

Here are the screen sizes of Apple and Android devices as provided by Media Genesis in a PDF document:

So, for example, to see how MassVacation.com looks on the screen of a Samsung Galaxy S8 smartphone (which needs a viewport of 360 x 740 pixels), set W and H to 360 and 740:

Click GO and see this result:

In the live version, that's a working scroll bar, so you can scroll to the bottom of the MassVacation.com page in this view to verify that the entire page displays correctly.

You can repeat this process for any other screen size in the tables above, or any other dimensions of your choosing.

Another great free tool for your digital marketing toolbox.

Share this article:

And if you have questions or comments, you can easily send them to me with the Quick Reply form, below, or send me an e-mail.


David Boggs MS    - David
David@DavidHBoggs.com
View David Boggs's profile on LinkedIn

Google Certifications - David H Boggs
View my profile on Quora
Subscribe to my blog

External Article: https://www.responsivedesignchecker.com/


Subhead See how well your web developer has done in making your website work in screens of any size
Website
Visit Website
Rating
5/5 based on 1 vote.
Show Individual Votes
Related Listings

Sorry, you don't have permission to post comments. Log in, or register if you haven't yet.

Please login or register.

Members currently reading this thread: