Register Now
  1. SEJ
  2.  » 
  3. Tools

7 FireFox Extensions to Explore Page Source Code

7 FireFox Extensions to Explore Page Source Code

SEOs look at the source code of almost every page – I do even when I am not analyzing the page and just browsing. That’s quite natural, I’ve been looking for tools that can represent the information in a better way or allow for more valuable options to experiment with.

I personally don’t use all these extensions and don’t encourage you to. You can play with all of them on your test FireFox profile and decide which one would be useful for you:

FireFox extension Most useful feature
View Source ChartGraphically displays source structure.
JSView 2.0.5Displays information on page external files.
HighlightAllHighlights identical elements in the code.
Html ValidatorValidates HTML of the current page.
View Formatted SourceShows source structure.
SourceEditorAllows to edit code and view the results.
PageDiffCompares code of several pages.

1. View Source Chart allows to view a page source code in a more handy format by highlighting its structure and tags:

Continue Reading Below

* graphically displays HTML tag boundaries
* graphically defines tag nesting order, structure and hierarchy.

View Source Chart

2. JSView 2.0.5 provides a quick access to information on all page external js/css files from the context menu, from the toolbar, from the view menu, or from the status bar:

JSView 2.0.5

3. HighlightAll (as the name suggests) highlights all identical page elements in the source code and calculates their number of occurrences:


4. Html Validator adds a tiny icon to the status bar which instantly validates the code as the page loads. The addon is based on HTML Tidy.

Html Validator

You can also see the detailed validation report:

validate source

5. View Formatted Source also shows you a structured variant of the source and enables you fold/unfold block elements. It also shows which CSS rules match each element:

View Formatted Source

6. SourceEditor enables you to quickly edit the page right in your browser. This could be especially useful for creating killer screen shots for your link bait:


7. PageDiff allows to compare HTML code differences of several pages side by side:



Subscribe to SEJ

Get our daily newsletter from SEJ's Founder Loren Baker about the latest news in the industry!

Topic(s) of Interest*

Ann Smarty

Brand amd Community Manager at Internet Marketing Ninjas

Ann Smarty is the blogger and community manager at Internet Marketing Ninjas. Ann's expertise in blogging and tools serve as ... [Read full bio]

Read the Next Article
Read the Next