Responsifyer – prototype tool for making a webpage responsive
Available at Github
If you have a webpage which is not responsive and wants to get an idea how it would be if it was responsive then you can test it by running this script in the browser.
This is only to be used as a prototype tool for making a page responsive.
This uses jQuery. If jQuery is not already available it will be loaded from a CDN site.
Copy the code and run this code in the browser console.
Change the width of the browser screen and see how the content adapts.
Tables can be hard to make responsive. You can set responsifyTables to true at the bottom of this script or run in the console after this script has been executed:
How it works:
The script first loads jQuery if it is not already present.
Then it recursive works on the DOM from the root node. After the recursion is finished there are specific node elements which are set specifically.