Obtrusive JavaScript Checker

Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. It also highlights javascript: links with a magenta border.

A picture of google.com when Obtrusive JavaScript Checker is enabled

More information and a summary report

When you hover over an element with an inline event, it will show you more information about it:

A picture of when the inline event information is being shown

The same goes for javascript: links:

A picture of when the javascript: link information is being shown

At the bottom left corner of the window, you will be presented with a summary report of the number of javascript: links and inline events in the current web page, and each type of inline event summarized.

A picture of the summary report

Availability

It is available as a Firefox extension, Greasemonkey user script, as well as a Ubiquity command. The Greasemonkey user script can be customized to only work for certain domains (default is all domains).

A picture of the statusbar icon for the Firefox extension

A picture of the Tools menu item, with keyboard shortcut displayed

Downloads

31 Comments