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, stand-alone Google Chrome 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 (Firefox)
Firebug add-on
35 Comments/Reactions
December 16th, 2008 at 22:39
[...] ideas with it, as well as some great feedback I have received and wanted to see to. The result is Inline Code Finder, which looks for inline styling as well as what the Obtrusive JavaScript Checker offered, and it [...]
December 21st, 2008 at 4:29
[...] http://www.robertnyman.com/inline-code-finder/ [...]
December 29th, 2008 at 13:11
[...] inline events and JavaScript, so now he has extended the Obtrusive JavaScript Checker and created Inline Code Finder. Instead of just looking at JavaScript-related things, Inline Code Finder will find and highlight [...]
December 30th, 2008 at 22:41
[...] soon). Trying to help myself as well as a lot of other developers out, I put a lot of effort into Inline Code Finder (Inline Code Finder release post), and released it at the end of the year. Available downloads [...]
January 1st, 2009 at 8:40
[...] Nyman released a new version of his Inline Code Finder Firefox extension—which now handles inline CSS as well as [...]
February 5th, 2009 at 11:32
[...] have just released a new version of my Firefox extension Inline Code Finder nad made a personal download [...]
March 15th, 2009 at 14:04
[...] ??????Inline Code Finder??????Robert [...]
June 20th, 2009 at 20:13
[...] 5. Inline Code Finder [...]
June 21st, 2009 at 14:44
[...] 5. Inline Code Finder [...]
June 21st, 2009 at 15:10
[...] 5. Inline Code Finder [...]
June 22nd, 2009 at 4:43
[...] 5. Inline Code Finder [...]
June 22nd, 2009 at 13:20
[...] 5. Inline Code Finder [...]
June 22nd, 2009 at 13:21
[...] 5. Inline Code Finder [...]
June 22nd, 2009 at 13:47
[...] 5. Inline Code Finder [...]
June 22nd, 2009 at 14:57
[...] sur le site et ainsi de vérifier si le résultat produit (HTML/CSSà est conforme à la maquette. Inline Code Finder affiche des informations utiles d’une manière agréable (tel que le style ou le code javascript [...]
June 22nd, 2009 at 15:00
[...] sur le site et ainsi de vérifier si le résultat produit (HTML/CSSà est conforme à la maquette. Inline Code Finder affiche des informations utiles d’une manière agréable (tel que le style ou le code javascript [...]
June 24th, 2009 at 7:11
[...] 5. Inline Code Finder [...]
June 27th, 2009 at 19:07
[...] 5. Inline Code Finder [...]
September 10th, 2009 at 12:41
[...] 5. Inline Code Finder [...]
November 2nd, 2009 at 10:49
[...] 5. Inline Code Finder [...]
December 18th, 2009 at 12:19
[...] to find undesired inline styles, inline JavaScript events and javascript: links, I believe, is my Inline Code Finder extension and now it’s available for Google Chrome as [...]
January 30th, 2010 at 8:17
[...] 5. Inline Code Finder [...]
February 6th, 2010 at 17:06
[...] 5. Inline Code Finder [...]
March 3rd, 2010 at 12:54
[...] Inline Code Finder [...]
March 4th, 2010 at 1:32
[...] Inline Code Finder [...]
March 4th, 2010 at 7:16
[...] Inline Code Finder [...]
March 11th, 2010 at 17:53
[...] Inline Code Finder [...]
March 16th, 2010 at 12:11
[...] Inline Code Finder [...]
March 16th, 2010 at 23:58
[...] Inline Code Finder [...]
March 17th, 2010 at 3:26
[...] Inline Code Finder [...]
March 19th, 2010 at 10:27
[...] Inline Code Finder [...]
March 22nd, 2010 at 4:48
[...] Inline Code Finder [...]
March 22nd, 2010 at 15:54
[...] Inline Code Finder [...]
May 4th, 2010 at 11:11
[...] 5. Inline Code Finder [...]
May 25th, 2010 at 3:54
[...] Inline Code Finder [...]
Write a comment
Twitter reactions