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 :
1 | https://github.com/mattkersley/Responsive-Design-Testing |
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 :
1 | https://thecustomizewindows.com/responsive/ |
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.
