Obtrusive JavaScript Checker – Greasemonkey script and Firefox extension to find inline events

In my work, part of it is analyzing both other people’s code as well as my own. Now I have created Obtrusive JavaScript Checker to help me out with that!

Why?

One common and tedious task when improving code is to find inline events in the HTML code, and make sure they are implemented in an unobtrusive fashion instead (more about unobtrusive JavaScript). The web is riddled with inline events, and I strive to make it a better place. :-)

What is 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.

A picture of the Google start page with red borders around elements with inline events

Availability

It is available both as a Greasemonkey user script and a Firefox extension. The Greasemonkey user script can be customized to only work for certain domains (default is all domains), while the Firefox extension can only be turned on or off.

Downloads

Leave a Reply

Your email address will not be published. Required fields are marked *