Get a Full Visual Representation of Your Web Page With SeeJS
If you want to get an idea of how your web page is constructed, you can use this tool. With SeeJS, you can get a full visual representation of the HTML code, including all the JavaScript and CSS files, as well as their respective sizes and dependencies.
The extension shows a lot of information, such as the HTML code of the page, the size of the JavaScript, and how many of them are included. For each script, it also shows the file path, as well as the line and character count. The tool can also be used to find out if the included files are minified or not.
There are some limitations to this tool. It can only be used to visualize one page at a time. This tool doesn’t provide any kind of editing options for the JavaScript code.