Responsive
Website
Tool

Tool built by Nigel Wells Powered by Limelight Online

This responsive website tool is designed to offer the very best experience for testing the responsiveness of your website across multiple devices. It offers an advanced synchronised scrolling technique and by clicking through the links on your website on one device, it will update all displayed devices.

Some actionable tips are provided and common errors are displayed to help you tweak your website for optimum display.

To get started, simply enter your website address above or take advantage of the bookmark widget. The bookmark widget can be dragged into your toolbar and will allow you to quickly load any website into this tool. Responsive Testing Tool - by LimeLight Online

For the best experience it is advised that you have the most up-to-date version of your browser installed and that you use a large screen for viewing.

XTips  //  For Responsive Sites

Here are a few tricks and tips to ensure that your responsive site is working to its full potential.

Syncronised clicking not working

The tool automates the link clicking process across each device by taking advantage of the <a href="..."> tags. If JavaScript is being used for links the you'll need to manually paste the link in above.

Google Maps API

With the latest release of the Google Maps API (3.x) this has brought in the ability to specify which domains a map can be loaded on. If you want your map to appear in this tool you'll also need to add www.limelightonline.co.nz to the list of valid domains.

Cross domain @font-face

If you are loading custom fonts using @font-face via another domain (including this tool) then your server needs to be setup to allow this.

If you are running Apache you can try adding the following code to your configuration file or to .htaccess

<FilesMatch "\.(ttf|otf|eot|woff|svg)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

Responsive tool slow to load

If you find a website is slow to load in this tool then try using absolute links on images and other such media.

Everything is ultimately loaded directly off the provided website but it can take a little while to figure out the correct URL's for all elements on a page

JavaScript re-directs can also cause issues - it is advised to use 301/302 server redirects as this will also help with SEO.

Here are some useful blogs relating to responsive design

Important Google Mobile-Friendly Update Coming
Mobile Design and its Increasing Importance