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