GenerateIt

Responsive Website Test Online Tool

Test your website to see how well it stacks up to responsive design, sites that are designed to be responsive will generally appear higher in search engine rankings. This tool will show you how your website looks on various devices and screen sizes. Just enter your website in the area below and click submit, once the site is loaded, you can change the device to see how the site will look. Please be patient while the page loads.

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong.

Buy me a coffee

Test your website

Enter an address to begin.

your-website.com

Your website loads straight from your browser into the frame, so the address you enter is not sent to our server. Some websites do not allow themselves to be shown inside another page. If the frame stays blank, use the open in new tab button.

How to use it

The responsive webpage tester will show you how your webpage looks in different screen sizes.

  1. Enter your siteTo begin with, enter the website you would like to test and click on ‘Submit’.
  2. Change the sizeOnce the website loads, you can change the screen size from the dropdown box to see how it reacts.
  3. Try other devicesResponsive websites are the norm these days, so it is wise to see how your pages look on different platforms.
  4. Check the resultYou can now see if the website is working correctly and looks OK for your end users.

What to look for

No sideways scrolling

On a phone size, the page should fit the width. A sideways scrollbar usually means something is too wide, such as an image or a table.

Readable text and easy taps

Text should be readable without zooming, and buttons and links should be big enough and spaced out enough to tap.

Use the arrow keys

Press the left and right arrow keys to step through the sizes quickly, and the rotate button to switch between portrait and landscape.

Frequently asked questions

Why is the frame blank?

Many websites tell browsers not to show them inside another page, mainly to stop clickjacking. This is set by the site you are testing, so the tool cannot get around it. Use the open in new tab button, or your browser’s own device mode in its developer tools.

Is the page really shown at that width?

Yes. The site is loaded at the exact width you pick, so its mobile styles apply. If that is wider than the space on your screen, the preview is shrunk to fit, and the readout shows how much.

Is this the same as testing on a real phone?

It is a good first check of layout and breakpoints. It does not copy a phone’s touch, browser quirks or pixel density, so test on real devices before a launch.

Why does an http address not load?

Browsers do not allow an unencrypted (http) page inside a secure page. Try the https version of the address.

Can I test a page that needs a login?

Sometimes. The page loads in your browser, so a site you are already logged in to may recognise you, but many sites block this. Pages on a private network or your own computer (such as localhost) will not load from here.

Is my website address stored?

No. Everything happens in your browser. The address is never sent to our server.

Related tools

HTTP Header Viewer

View the headers of the site of your choice, exactly what your browser reads.

Check GZIP Compression

Handy tool that will check a website to see if GZIP is enabled or not. Sites load faster with GZIP enabled.

Redirect Checker

Use Redirect Checker to seamlessly analyze and track the complete path of URL redirects.

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong.

Buy me a coffee