Your SlideShare is downloading. ×
Fire bug cheatsheet12b
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Fire bug cheatsheet12b

305
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
305
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. KEYBOARD SHORTCUTS / MOUSE ACTIONS OS / KEY COMBINATION HTML SCRIPT DOM CSS LAYOUT CONSOLE Advance to Next Field Auto-complete Next Advance to Next Field Advance to Next Field Auto-complete Next Tab E Property E E E Property S Shift + Tab Advance to Previous Auto-complete Prev. Advance to Previous Advance to Previous Auto-complete Prev. Field E Property E Field E Field E Property S Cancel Editing E Cancel Editing E Cancel Editing E Cancel Editing E Esc Cancel Inspect I Return Finish Editing E Finish Editing E Finish Editing E Finish Editing E Execute S Shift + Return Inspect Results S Ctrl + Return Execute L Open Context-Menu: + Return Results S Increase Number by Increase Number by One Up One / Auto-complete Next Keyword E E Ctrl + Up Inspect Parent I + Up Decrease Number by Decrease Number by Down One / Auto-complete One Previous Keyword E E Ctrl + Down Inspect Child I + Down Page Up Increase Number by Ten E Increase Number by Ten E Page Down Decrease Number by Ten E Decrease Number by Ten E F5 or Ctrl + / Continue T + / F10 or Ctrl + ' Step Over T + ' F11 or Ctrl + ; Step Into T + ; Shift + F11 or Step Out T Ctrl + Shift + ; + Shift + ; Ctrl + . Next Node in Path T Next Function on Stack T Next Object in Stack T Ctrl + , Previous Node in Path T Prev. Function on Stack T Previous Object in Stack T Ctrl + Space Focus Menu of Scripts Focus Menu of Style T Scripts T + Shift + Space Ctrl + Shift + N Focus Watch Editor T + Shift + N E Editor for this Tab T In the Tab I Inspect S Small Console L Large Console OS / KEY COMBINATION GLOBAL MOUSE SHORTCUTS Open / Close Firebug F12 Panel Ctrl + F12 Open Firebug in + F12 Window Ctrl + ` Switch to Previous Tab Option + Tab Ctrl + Shift + L Focus Command Line + Shift + L Ctrl + Shift + K Focus Search Box + Shift + K Ctrl + Shift + C Toggle Inspect Mode + Shift + C Ctrl + Shift + P Toggle JavaScript + Shift + P Profiler Ctrl + Shift + E Re-Execute Last Command Line
  • 2. COMMAND LINE API CONSOLE API A list of the available command line options. A list of methods of the console object that Firebug adds to the loaded web page(s). Check the Firebug documentation pages at http://getfirebug.com/ for further information. $(id) Returns a single element with the given id console.log(object[, Writes a message to the console. You may pass as many $$(selector) Returns an array of elements that match the given CSS object, ...]) arguments as you'd like, and they will be joined together in a selector. space-delimited line. $x(xpath) Returns an array of elements that match the given XPath console.log(object[, Writes a message to the console. You may pass as many expression. arguments as you'd like, and they will be joined together in a object, ...]) space-delimited line. dir(object) Prints an interactive listing of all properties of the object. (Available substring patterns: "%s" String - "%d, %i" This looks identical to the view that you would see in the Integer - "%f" Floating point number) - "%o" Object DOM tab. hyperlink dirxml(node) Prints the XML source tree of an HTML or XML element. This console.debug(object[, Writes a message to the console, including a hyperlink to the looks identical to the view that you would see in the HTML line where it was called. tab. You can click on any node to inspect it in the HTML tab. object, ...]) cd(window) By default, command line expressions are relative to the console.info(object[, Writes a message to the console with the visual "info" icon top-level window of the page. cd() allows you to use the and color coding and a hyperlink to the line where it was object, ...]) window of a frame in the page instead. called. clear() BClears the console. console.warn(object[, Writes a message to the console with the visual "warning" icon and color coding and a hyperlink to the line where it was object, ...]) called. inspect(object[, tabName]) Inspects an object in the most suitable tab, or the tab identified by the optional argument tabName. The available tab names are "html", "css", "script", and "dom". console.error(object[, Writes a message to the console with the visual "error" icon and color coding and a hyperlink to the line where it was object, ...]) called. keys(object) Returns an array containing the names of all properties of the object. console.assert(expression[, Tests that an expression is true. If not, it will write a message to the console and throw an exception. values(object) Returns an array containing the values of all properties of object, ...]) the object. console.dir(object) Prints an interactive listing of all properties of the object. debug(fn) Adds a breakpoint on the first line of a function. This looks identical to the view that you would see in the DOM tab. undebug(fn) Removes the breakpoint on the first line of a function. console.dirxml(node) Prints the XML source tree of an HTML or XML element. This monitor(fn) Turns on logging for all calls to a function. looks identical to the view that you would see in the HTML tab. You can click on any node to inspect it in the HTML tab. unmonitor(fn) Turns off logging for all calls to a function. console.trace() Prints an interactive stack trace of JavaScript execution at the point where it is called. The stack trace details the monitorEvents(object[, Turns on logging for all events dispatched to an object. The optional argument types may specify a specific family of functions on the stack, as well as the values that were types]) passed as arguments to each function. You can click each events to log. The most commonly used values for types are "mouse" and "key". The full list of available types includes function to take you to its source in the Script tab, and click "composition", "contextmenu", "drag", "focus", "form", "key", each argument value to inspect it in the DOM or HTML tabs. "load", "mouse", "mutation", "paint", "scroll", "text", "ui", and "xul". console.group(object[, Writes a message to the console and opens a nested block to indent all future messages sent to the console. Call object, ...]) "console.groupEnd()" to close the block. unmonitorEvents(object[, Turns off logging for all events dispatched to an object. types]) console.groupEnd() Closes the most recently opened block created by a call to "console.group." profile([title]) Turns on the JavaScript profiler. The optional argument "title" would contain the text to be printed in the header of console.time(name) Creates a new timer under the given name. Call the profile report. "console.timeEnd(name)" with the same name to stop the timer and print the time elapsed.. profileEnd() Turns off the JavaScript profiler and prints its report. console.timeEnd(name) Stops a timer created by a call to "console.time(name)" and writes the time elapsed. console.profile([title]) Turns on the JavaScript profiler. The optional argument "title" would contain the text to be printed in the header of the profile report. console.profile([title]) Turns on the JavaScript profiler. The optional argument "title" would contain the text to be printed in the header of the profile report. console.profileEnd() Turns off the JavaScript profiler and prints its report. console.profileEnd() Turns off the JavaScript profiler and prints its report. console.count([title]) Writes the number of times that the line of code where "count" was was called has been executed. The optional argument title will print a message in addition to the console.count([title]) Writes the number of times that the line of code where count was called was executed. The optional argument number of the count.< "title" will print a message in addition to the number of the count. Firebug is a free Firefox extension - More information at: http://getfirebug.com/ . Firebug is a registered trademark of Parakey, Inc (http://www.parakey.com/) . This help sheet is for Firebug V1.2b and was created by Duvet-Dayz.com (http://duvet-dayz.com/)

×