Firebug Menu

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Added section header for main menu. Updated Command Line menu item based on command line preview functionality.)
m (Added categories)
 
(5 intermediate revisions not shown)
Line 7: Line 7:
! style="width:220px;" | Option || Preference || Description
! style="width:220px;" | Option || Preference || Description
|-  
|-  
-
| Open Firebug || - || Opens Firebug
+
| Open Firebug || - || Opens Firebug (just shown when the Firebug UI is not opened)
|-  
|-  
-
| Open Firebug in New Window || - || Opens Firebug in a seperate window
+
| Hide Firebug || - || Closes Firebug but keeps it activated (just shown when the Firebug UI is opened)
|-  
|-  
-
| Deactivate Firebug For this web site || - || Deactivates Firebug for the current website
+
| Deactivate Firebug || - || Deactivates Firebug for the current website (just shown when the Firebug UI is opened)
 +
|-
 +
| Firebug UI Location || <code>extensions.firebug.framePosition</code> || Contains a sub-menu for setting the position of the Firebug window; can be set to ''Top'', ''Bottom'', ''Left'', ''Right'' or ''Detached''
|-  
|-  
| Open With Editor || - || Contains a sub-menu with the user-defined external editors and the option ''Configure Editors...'' to edit them
| Open With Editor || - || Contains a sub-menu with the user-defined external editors and the option ''Configure Editors...'' to edit them
Line 19: Line 21:
| Options || - || Contains a sub-menu with several general options (see below)
| Options || - || Contains a sub-menu with several general options (see below)
|-
|-
-
| Firebug Online || - || Contains a sub-menu with different items for online information about Firebug and to the [http://code.google.com/p/fbug/issues/list issue tracker]
+
| Firebug Online || - || Contains a sub-menu with different items for online information about Firebug, to the [http://code.google.com/p/fbug/issues/list issue tracker] and the [https://groups.google.com/forum/#!forum/firebug discussion group]
-
|-
+
-
| Inspect Element || - || Toggles the inspection mode (same function as clicking on [[Image:Inspect_Button.png]])
+
-
|-
+
-
| Profile JavaScript || - || Toggles JavaScript profiling (same function as clicking on the ''[[Console Panel#Profile|Profile]]'' button inside the [[Console Panel#Panel Toolbar|Console Panel's Toolbar]])
+
-
|-
+
-
| Command Line || - || Toggles displaying the [[Command Line]] on the current panel. See http://www.softwareishard.com/blog/firebug/firebug-16-command-line-available-on-all-panels/ for more background.
+
-
|-
+
-
| Search || - || Sets the focus to the [[Search Field]]
+
|-
|-
| Customize Shortcuts || - || Opens a dialog for customizing the most common [[Keyboard and Mouse Shortcuts|keyboard shortcuts]]
| Customize Shortcuts || - || Opens a dialog for customizing the most common [[Keyboard and Mouse Shortcuts|keyboard shortcuts]]
|-
|-
-
| Open Firebug Tracing || - || Opens the [[Firebug Tracing Console]]
+
| Open Firebug Tracing || - || Opens the Tracing Console. (Only available when [[FBTrace]] is installed.)
 +
|-
 +
| Open Test Console || - || Opens the Test Console. (Only available when [[FBTest]] is installed.)
|-
|-
| About... ''<Firebug version>'' || - || Shows Firebug's About dialog
| About... ''<Firebug version>'' || - || Shows Firebug's About dialog
Line 42: Line 38:
! style="width:220px;" | Option || Preference || Description
! style="width:220px;" | Option || Preference || Description
|-  
|-  
-
| Always Open in New Window || <code>extensions.firebug.openInWindow</code> || Lets Firebug always open in a seperate window
+
| Show Error Count || <code>extensions.firebug.showErrorCount</code> || Toggles the display of the number of JavaScript errors occurred inside the page
|-  
|-  
-
| Show Preview Tooltips || <code>extensions.firebug.showInfoTips</code> || Shows popups with additional information inside Firebug when hovering an element
+
| Show Info Tips || <code>extensions.firebug.showInfoTips</code> || Shows popups with additional information inside Firebug when hovering an element
|-  
|-  
| Shade Box Model || <code>extensions.firebug.shadeBoxModel</code> || Toggles between the display of a box model representing the contents, margin, padding and the border and a display of just a frame around the inspected element  
| Shade Box Model || <code>extensions.firebug.shadeBoxModel</code> || Toggles between the display of a box model representing the contents, margin, padding and the border and a display of just a frame around the inspected element  
Line 52: Line 48:
| Enable Accessibility Enhancements || <code>extensions.firebug.a11y.enable</code> || Enables keyboard navigation through Firebug (using Tab and the arrow keys)
| Enable Accessibility Enhancements || <code>extensions.firebug.a11y.enable</code> || Enables keyboard navigation through Firebug (using Tab and the arrow keys)
|-
|-
-
| Activate Same Origin URLs || <code>extensions.firebug.activateSameOrigin</code> || Toggles the behavior of Firebug to open it for sites, which have the same base URL
+
| Activate For Same Origin URLs || <code>extensions.firebug.activateSameOrigin</code> || Toggles the behavior of Firebug to open it for sites, which have the same base URL
|-
|-
-
| Vertical Panes || <code>extensions.firebug.viewPanelOrient</code> || Toggles the display of the Side Panels between the right side and the bottom of the Firebug window
+
| Vertical Panels || <code>extensions.firebug.viewPanelOrient</code> || Toggles the display of the Side Panels between the right side and the bottom of the Firebug window
|-
|-
-
| Always Open Firebug Tracing || <code>extensions.firebug.alwaysOpenTraceConsole</code> || Lets the [[Firebug Tracing Console]] always open when Firebug activated
+
| Always Open Firebug Tracing || <code>extensions.firebug.alwaysOpenTraceConsole</code> || Causes the Tracing Console to always open when Firebug is activated. (Only available when [[FBTrace]] is installed.)
|-
|-
-
| Reset All Firebug Options || - || Resets all Firebug options to the defaults (Be careful! Once done there's no way back!)
+
| Always Open Test Console || <code>extensions.firebug.alwaysOpenTestConsole</code> || Causes the Test Console to always open when Firebug is activated. (Only available when [[FBTest]] is installed.)
 +
|-
 +
| Reset All Firebug Options || - || Resets all Firebug options to the defaults including the settings for which pages it was opened and the breakpoints set for scripts<br/>
 +
'''Be careful!''' Once done there's no way back! You may want to backup your Firefox <code>prefs.js</code> beforehand just in case.
|}
|}
 +
 +
[[Category:Firebug]]
 +
[[Category:UI]]

Latest revision as of 00:23, 22 November 2013

The Firebug Menu contains all the most used general options to control Firebug. It is accessible via the Firebug Menu Button.png button on the left side of the Panel Bar.

[edit] Firebug Menu

Option Preference Description
Open Firebug - Opens Firebug (just shown when the Firebug UI is not opened)
Hide Firebug - Closes Firebug but keeps it activated (just shown when the Firebug UI is opened)
Deactivate Firebug - Deactivates Firebug for the current website (just shown when the Firebug UI is opened)
Firebug UI Location extensions.firebug.framePosition Contains a sub-menu for setting the position of the Firebug window; can be set to Top, Bottom, Left, Right or Detached
Open With Editor - Contains a sub-menu with the user-defined external editors and the option Configure Editors... to edit them
Text Size extensions.firebug.textSize Contains a sub-menu for in-/decreasing or resetting the text size used inside Firebug
Options - Contains a sub-menu with several general options (see below)
Firebug Online - Contains a sub-menu with different items for online information about Firebug, to the issue tracker and the discussion group
Customize Shortcuts - Opens a dialog for customizing the most common keyboard shortcuts
Open Firebug Tracing - Opens the Tracing Console. (Only available when FBTrace is installed.)
Open Test Console - Opens the Test Console. (Only available when FBTest is installed.)
About... <Firebug version> - Shows Firebug's About dialog

[edit] Options sub-menu

Option Preference Description
Show Error Count extensions.firebug.showErrorCount Toggles the display of the number of JavaScript errors occurred inside the page
Show Info Tips extensions.firebug.showInfoTips Shows popups with additional information inside Firebug when hovering an element
Shade Box Model extensions.firebug.shadeBoxModel Toggles between the display of a box model representing the contents, margin, padding and the border and a display of just a frame around the inspected element
Show Quick Info Box extensions.firebug.showQuickInfoBox Toggles the display of an info popup inside the page giving fast information about the currently inspected element
Enable Accessibility Enhancements extensions.firebug.a11y.enable Enables keyboard navigation through Firebug (using Tab and the arrow keys)
Activate For Same Origin URLs extensions.firebug.activateSameOrigin Toggles the behavior of Firebug to open it for sites, which have the same base URL
Vertical Panels extensions.firebug.viewPanelOrient Toggles the display of the Side Panels between the right side and the bottom of the Firebug window
Always Open Firebug Tracing extensions.firebug.alwaysOpenTraceConsole Causes the Tracing Console to always open when Firebug is activated. (Only available when FBTrace is installed.)
Always Open Test Console extensions.firebug.alwaysOpenTestConsole Causes the Test Console to always open when Firebug is activated. (Only available when FBTest is installed.)
Reset All Firebug Options - Resets all Firebug options to the defaults including the settings for which pages it was opened and the breakpoints set for scripts

Be careful! Once done there's no way back! You may want to backup your Firefox prefs.js beforehand just in case.

Personal tools