I got tired of loading Dreamweaver just to be able to reformat the source code of a webpage into something viewable. I discovered several Firefox extensions that will do this. The first one on the list is the only one I have extensively used.
View Source Chart reformats the source code into color-coded nested boxes. My only complaint is that if you click on one of these boxes accidentally the box will collapse. Requiring a double click would be handy here.
View Formatted Source “Displays formatted and color-coded source and optional CSS information for each element.”
X-Ray “Once installed the X-Ray command is available by right-clicking as well as in the Tools menu. When applied to a page it will display the documents tags, including class and ID names. This can help you see how a website was constructed without having to go back and forth between the sourcecode and the page in your browser.”
{ 2 comments }
Have you tried this one out?
https://addons.mozilla.org/firefox/60/
I do use the Web Developer toolbar (for many things), and appreciate how it shows the generated source of a page. However, the view source option it offers does not format any of the code, so it can still be difficult to view.
Comments on this entry are closed.