Inline Code Finder
Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them:
- Inline JavaScript events
- Inline style
javascript:links
In terms of inline events and javascript: links, it is generally frowned upon, and should instead be implemented in an unobtrusive fashion.
More information and a summary report
When you hover over an element with an inline event, inline styling or a javascript: link, it will show you more information about it:
Inline event information
Inline style information
javascript: link linformation
Stand-alone version
At the bottom left corner of the window, you will be presented with a summary report of the number of javascript: links, inline styles and inline events in the current web page, and each type of inline event summarized.
Firebug add-on
Settings
Naturally, since this tool sets out to be of interest to both JavaScript and/or CSS developers, you can set your own preferences with what to check for:
Stand-alone version
Firebug add-on
Keyboard shortcuts
To be able to work with this tool, it supports a keyboard shortcut to swiftly toggle on and off the Inline Code finder: Cmd + Shift + Option + I (Mac) and Ctrl + Shift + Alt + I (windows).
Availability
It is available as a stand-alone Firefox extension or as a Firebug add-on. The stand-alone version shows up in the status bar of your web browser window, while the Firebug version integrates into the existing Firebug installation and is offered as another panel, with its own command buttons and settings.
Stand-alone version
Firebug add-on
