This tool will help you to debug your weblayout and layers
Q: What is Tampermonkey?
A: Tampermonkey is the world's most popular userscript manager.
Q: How to use Tampermonkey
A: Just create an "new script" in Tampermonkey, copy and paste the code of "tampermonkey.js" into your new "test" / "userscript" and save
Q: How to use Layout Debug
A: After saving the test. Go to a Bootstrap- or Foundation-based website, activate your Tampermonkey-Layout-Debug-Script in Chrome / Firefox and reaload.
Now you can toggle the complete test on or off, and you can toggle "layout debug" and "depth debug" separately
- In terminal run
$ ./start.sh(or .bat for Windows) - Server starts with something like
http://localhost:9001/ - Minify and uglify by yourself. This is just the raw source!
If you have trouble with yarn or nvm version, use this code line BEFORE step "Getting Started":
nvm install xx.xx.x && npm i -g [email protected]
Sometimes it cant detect a bootstrap page especially if there is something different e.g. async loaded css and so on...
The dirty solution; You can put a timeout around the script