The feature I am going to describe in this post would definitely deserve a better visual representation since almost nobody I've asked doesn't know about it.
Anyway, despite this visual imperfection it's very useful for any developer who deals with pages that contain number of script files.
See the following screen-shots. It shows a list of scripts included in the current page.
See all Firebug tips
The list of scripts is pretty long (didn't fit in the image) and you even need to scroll the menu content to see its end. Important is the plain Type any key to filter list note at the top!
Let's say, I am looking for harModel.js file and so, I am typing
har. The list looks like as follows then.
Much better now, I see only files with
har in their names!
I need to yet type
m and I am at the harModel.js. All I need to do to see its content is pressing the enter key - and voilà I can start debugging
Are you a designer or an expert on user experience design? Do you have any ideas how we could make this feature more visible so, users don't even need to read posts like this one in order to use such a simple feature?