KEYBOARD SHORTCUTS / MOUSE ACTIONS

OS / KEY COMBINATION Tab Shift Esc Return Shift Ctrl HTML
Advance to Next Field
E

SCRIPT
Property

DOM
Auto-complete Next
E

CSS
Advance to Next Field
E

LAYOUT
Advance to Next Field
E

CONSOLE
Auto-complete Next Property Auto-complete Prev.
E E S

+

Tab

Advance to Previous Field Cancel Editing Cancel Inspect Finish Editing
E E I E

Auto-complete Prev. Property Cancel Editing
E E

Advance to Previous Field Cancel Editing
E E

Advance to Previous Field Cancel Editing

Property

S

Finish Editing

E

Finish Editing

E

Finish Editing

E

Execute Inspect Results Execute Results

S S L

+ +

Return Return Return
Increase Number by Increase Number by One
E E

+

Open Context-Menu:
S

Up Ctrl

One / Auto-complete Next Keyword

+ +

Up Up

Inspect Parent

I

Decrease Number by

Decrease Number by One
E E

Down Ctrl

One / Auto-complete Previous Keyword

+ +

Down Down

Inspect Child

I

Page Up Page Down F5

Increase Number by Ten E Decrease Number by Ten E

Increase Number by Ten E Decrease Number by Ten E

or Ctrl

+ + +
or

/

Continue

T

+
F10

/ '
Step Over
T

or Ctrl

+
F11

' ;
Step Into
T

or Ctrl

+
Shift Ctrl

; F11 Shift Shift . , Space Shift Shift Shift

+ + + + + + + + +

+ +

Step Out

T

; ;
Next Node in Path
T

Ctrl Ctrl Ctrl

Next Function on Stack T Prev. Function on Stack T Focus Menu of Scripts

Next Object in Stack

T

Previous Node in Path T

Previous Object in Stack T Focus Menu of Style

+ + +

T

Space N N
I Inspect S Small Console L Large Console

Scripts

T

Ctrl

Focus Watch Editor

T

E Editor for this Tab T In the Tab

OS / KEY COMBINATION F12 Ctrl
Panel

GLOBAL
Open / Close Firebug

MOUSE SHORTCUTS

+ + +

F12 F12 ` Tab Shift Shift Shift Shift Shift Shift Shift Shift Shift

Open Firebug in Window Switch to Previous Tab

Ctrl Option Ctrl

+ +

+

+

L L K K C C P P E

Focus Command Line

+

Ctrl

+ + + + + + +

+ + + + + + +

Focus Search Box

Ctrl

Toggle Inspect Mode

Ctrl

Toggle JavaScript Profiler Re-Execute Last Command Line

Ctrl

profileEnd() console. Call "console.count([title]) Turns off the JavaScript profiler and prints its report. or the tab identified by the optional argument tabName..info(object[. tabName]) BClears the console. console. Returns an array of elements that match the given XPath expression. "contextmenu".log(object[.dir(object) Writes a message to the console. object. "key"... cd(window) By default. . Inspects an object in the most suitable tab. Check the Firebug documentation pages at http://getfirebug. types]) profile([title]) Turns off logging for all events dispatched to an object. Inc (http://www. This looks identical to the view that you would see in the DOM tab. and "xul".]) console. This looks identical to the view that you would see in the HTML tab. . console. The available tab names are "html".]) console. Writes a message to the console with the visual "error" icon and color coding and a hyperlink to the line where it was called.timeEnd(name) console. . Turns on logging for all calls to a function. Prints an interactive listing of all properties of the object. Turns on the JavaScript profiler. Call "console.group(object[.. Turns on the JavaScript profiler. Writes the number of times that the line of code where count was called was executed. object. clear() inspect(object[.]) console.timeEnd(name)" with the same name to stop the timer and print the time elapsed. cd() allows you to use the window of a frame in the page instead."%f" Floating point number) . Writes a message to the console. You may pass as many arguments as you'd like.. The optional argument "title" would contain the text to be printed in the header of the profile report. "focus". You may pass as many arguments as you'd like.. Turns off logging for all calls to a function. object. command line expressions are relative to the top-level window of the page. "ui".COMMAND LINE API A list of the available command line options. "mutation". and "dom".profile([title]) Turns off the JavaScript profiler and prints its report. Firebug is a free Firefox extension ..profileEnd() console.]) console. . Turns on logging for all events dispatched to an object. object. types]) Returns an array containing the names of all properties of the object." Creates a new timer under the given name.2b and was created by Duvet-Dayz. Turns on the JavaScript profiler. it will write a message to the console and throw an exception. and click each argument value to inspect it in the DOM or HTML tabs. The optional argument "title" will print a message in addition to the number of the count. The optional argument "title" would contain the text to be printed in the header of the profile report. You can click on any node to inspect it in the HTML tab.. Writes the number of times that the line of code where "count" was was called has been executed.log(object[.]) console. The stack trace details the functions on the stack. "form". (Available substring patterns: "%s" String . . console.com/ for further information. Tests that an expression is true. console.. The optional argument "title" would contain the text to be printed in the header of the profile report. The optional argument types may specify a specific family of events to log.More information at: http://getfirebug..count([title]) Turns off the JavaScript profiler and prints its report. keys(object) values(object) debug(fn) undebug(fn) monitor(fn) unmonitor(fn) monitorEvents(object[. This looks identical to the view that you would see in the DOM tab.warn(object[.com/) . The full list of available types includes "composition".]) console. "scroll". %i" Integer . You can click on any node to inspect it in the HTML tab. object. object.error(object[. including a hyperlink to the line where it was called.. and they will be joined together in a space-delimited line. console.time(name) profileEnd() console. The optional argument title will print a message in addition to the number of the count. Closes the most recently opened block created by a call to "console. Returns an array containing the values of all properties of the object. "text". "paint". This looks identical to the view that you would see in the HTML tab.dirxml(node) Prints the XML source tree of an HTML or XML element. Writes a message to the console with the visual "warning" icon and color coding and a hyperlink to the line where it was called. object. console. console. "mouse". unmonitorEvents(object[.groupEnd() Writes a message to the console and opens a nested block to indent all future messages sent to the console. This help sheet is for Firebug V1..trace() Prints an interactive stack trace of JavaScript execution at the point where it is called. object. and they will be joined together in a space-delimited line..com/) . "drag". console. .]) console.debug(object[. You can click each function to take you to its source in the Script tab. $(id) $$(selector) $x(xpath) dir(object) Returns a single element with the given id Returns an array of elements that match the given CSS selector.]) Writes a message to the console. "load". The most commonly used values for types are "mouse" and "key".groupEnd()" to close the block.parakey."%o" Object hyperlink dirxml(node) Prints the XML source tree of an HTML or XML element.time(name)" and writes the time elapsed.group. .com (http://duvet-dayz.... "css". "script". If not. CONSOLE API A list of methods of the console object that Firebug adds to the loaded web page(s).com/ ."%d. Adds a breakpoint on the first line of a function. as well as the values that were passed as arguments to each function.< console. Firebug is a registered trademark of Parakey. Prints an interactive listing of all properties of the object. Writes a message to the console with the visual "info" icon and color coding and a hyperlink to the line where it was called. .assert(expression[. Removes the breakpoint on the first line of a function..profile([title]) Stops a timer created by a call to "console.

Sign up to vote on this title
UsefulNot useful