If you’re a web developer and you have used Firefox's “View page source” to analyze the DOM tree then you know that it is really a time consuming and terrible activity to go through each line of code. Firefox has provided an easy solution to this problem by providing an add-on named as “View Source Chart”.
"View Source Chart" is an add-on that color codes the page source for easy browsing. It graphically shows you the tag boundaries, tag nesting order and hierarchy eliminating manual counting.
Now if you will hover over your mouse at any container, a tool-tip will display the code of that container even if the container is invisible.
You can zoom out the charts as well by pressing [CTRL + -.] This will really helpful when you are viewing very complex and deeply nested tags. By clicking on the containers will hide or display the tag containers.
“View Source Chart” is available for Firefox and Mac.
If you are a developer and want to get rid of code cluttering the you must try it.
“View Source Chart” is available for Firefox and Mac.
If you are a developer and want to get rid of code cluttering the you must try it.
Firefox: Download Here