Tuesday, June 5, 2007

Firebug: Find and Go to Line Number

The Firebug search boxI posted previously on how you can use Firebug to watch events going to HTML elements. Now let's see how you can quickly locate JavaScript code at a certain line with Firebug. Many tools have a "go to line" entry in some menu, but Firebug doesn't. Instead, you can use the search box located at the top right corner of the Firebug panel. There, enter the # symbol followed by the line number (for instance: #3547). You would like to avoid using the mouse to click in that search field? You can do it: instead of using the mouse, press ctrl-shift-k (or command-shift-k on a Mac). Using ctrl-f (command-f on a Mac) would be more natural, but Firebug can't use that shortcut as it is already taken by Firefox. If you are using the search field to look for text, as you press "enter" Firebug takes you to the first occurrence of the text you typed. There is no "find next" button, but instead press "enter" again, and Firebug will take you to the next occurrence.

1 comment:

  1. Very useful! Thanx! Unfortunately, Ctrl + shift + k didn't work. But no problem!

    ReplyDelete