Your Own Responsive Design Testing Tool on Cloud Files or Dropbox

Your Own Responsive Design Testing Tool can be hosted on Cloud Files or Dropbox Cloud to avoid getting tracked by JavaScript embedded on others’ website. The needed tools, resources and live demo of you own Responsive Design Testing Tool – all are mentioned in this article.

 

Your Own Responsive Design Testing Tool on Cloud Files or Dropbox : Get Started

 

You have seen many third party hosted free online responsive design testing tools. We found most has embedded JavaScript to track the users. Some uses URL of resources of own domain to get backlink (it is possible by tracking in that way too). So, when everything is available as Free Software, why not simply understand the logic and use your own responsive design testing tool ?

 

There are actually 3 files – one gif, one JavaScript and one HTML file. As all can be hosted with our previous tricks for both Rackspace Cloud Files and Dropbox Cloud :

 

Tools for Using Dropbox Cloud for Web Hosting Easily

Rackspace Cloud Files and Bootstrap : Create an Excellent Website Easily

Twitter Bootstrap Design Website on Free Dropbox Cloud 

 

And something on before your own Responsive Design testing tool development :

 

Responsive Web Design, Grid System and Mobile Website 

 

Your Own Responsive Design Testing Tool : Live Demo

 

Simply check our Own Responsive Design Testing Tool, which is in Beta.

 

You Can Create Your Own Responsive Design Testing Tool on Cloud Files or Dropbox

 

The major resource needed is free :

 

 

others are (mainly bootstrap) mentioned above. A huge modification is needed of the above resource. You must null the gif file loading from his wp-content folder, probably he has forgotten to add as simple gif file. Just download from the url inside the HTML file and put it where the main HTML file will be, name the HTML file as index.html for easy work.

Definitely you can host on your own subdomain or subfolder like us, in that case use a .htaccess file :

 

 

 

We made it pretty URL to make it looking like :

 

 

Added JavaScript to break frames (otherwise people will embed it), optimized caching etc. Most CSS, Javascript are actually on Rackspace Cloud Files CDN.

 

To Do List for Responsive Design Testing Tool

 

We will add a debugging feature to test which div is actually breaking your design in small devices, additionally, we will use cURL instead of bare HTTP GET request, the reason is obvious from first when you load it – Google and Many do not allow iframing, those who breaking frames, they are unable to test with this tool right now.

 

This Article Has Been Shared 3874 Times!

Facebook Twitter Google+ Pinterest