Developer Toolbar

  • Revision slug: Tools/GCLI
  • Revision title: Developer Toolbar
  • Revision id: 309151
  • Created:
  • Creator: ianoxley
  • Is current revision? No
  • Comment Changed the "To open the GCLI toolbar in Firefox 13" to "To open the GCLI toolbar in Firefox 16" to match fx_minversion_header("16.0")

Revision Content

{{ fx_minversion_header("16.0") }}

The Developer Toolbar provides a Graphical Command Line Interface (GCLI) to the Firefox developer tools and one click access to commonly used tools.

Activating the GCLI toolbar

To open the GCLI toolbar in Firefox 16 and later, choose the option Tools > Web Developer > Developer Toolbar, or on press Ctrl-Shift-V (Cmd-Opt-V on Mac OS X). The toolbar itself looks like this:

gcli-toolbar.png

{{ Note("If you have the Web Developer Toolbar by Chris Pederick, you will have two different \"Web Developer\" menu items.") }}

The prompt for the command line is on the left, and on the right are buttons that open the Web Console and the Page Inspector.

Using the command line

The command line provides help on valid commands as you type, or you can type 'help' to see a list of commands.

Pressing F1 will make the pop-up help show straight away rather than waiting until it thinks you need help, and pressing ESC will make the pop-up help go away.

Extending the Command Line

It's easy to add commands to the command line, either using scratchpad or a mozcmd directory.

See instructions for extending the command line using:

  • A 'mozcmd' directory (requires some setup, commands are persistent)
  • The Scratchpad (requires very little setup, commands not persistent, but can be converted to be addons)

Also see:

Contributing to the Command Line

The Firefox command line is buit using the GCLI project, which has a significant section of documentation on GCLI and how it works. There is also documentation specific to integrating GCLI and Firefox on MDN.

See also

{{ languages( {"zh-cn": "zh-cn/Tools/GCLI" } ) }}

Revision Source

<p>{{ fx_minversion_header("16.0") }}</p>
<p>The Developer Toolbar provides a Graphical Command Line Interface (GCLI) to the Firefox developer tools and one click access to commonly used tools.</p>
<h2 id="Activating_the_GCLI_toolbar">Activating the GCLI toolbar</h2>
<p>To open the GCLI toolbar in Firefox 16 and later, choose the option Tools &gt; Web Developer &gt; Developer Toolbar, or on press Ctrl-Shift-V (Cmd-Opt-V on Mac OS X). The toolbar itself looks like this:</p>
<p><img alt="gcli-toolbar.png" class="internal default" src="/@api/deki/files/6224/=gcli-toolbar.png" /></p>
<p>{{ Note("If you have the Web Developer Toolbar by Chris Pederick, you will have two different \"Web Developer\" menu items.") }}</p>
<p>The prompt for the command line is on the left, and on the right are buttons that open the <a href="/en/Tools/Web_Console" title="Web Console">Web Console</a> and the <a href="/en/Tools/Page_Inspector" title="Page Inspector">Page Inspector</a>.</p>
<h2 id="Using_the_command_line">Using the command line</h2>
<p>The command line provides help on valid commands as you type, or you can type 'help' to see a list of commands.</p>
<p>Pressing F1 will make the pop-up help show straight away rather than waiting until it thinks you need help, and pressing ESC will make the pop-up help go away.</p>
<h2 id="Extending_the_Command_Line">Extending the Command Line</h2>
<p>It's easy to add commands to the command line, either using scratchpad or a mozcmd directory.</p>
<p>See instructions for extending the command line using:</p>
<ul>
  <li><a href="/en/Tools/GCLI/Customization" title="en/Tools/GCLI/Customization">A 'mozcmd' directory</a> (requires some setup, commands are persistent)</li>
  <li><a href="/en/Tools/GCLI/Scratchpad" title="en/Tools/GCLI/Scratchpad">The Scratchpad</a> (requires very little setup, commands not persistent, but can be converted to be addons)</li>
</ul>
<p>Also see:</p>
<ul>
  <li><a href="/en/Tools/GCLI/Writing_GCLI_Commands" title="en/Tools/GCLI/Writing_GCLI_Commands">Documentation about writing commands</a></li>
</ul>
<h2 id="Contributing_to_the_Command_Line">Contributing to the Command Line</h2>
<p>The Firefox command line is buit using the <a href="https://github.com/joewalker/gcli/" title="https://github.com/joewalker/gcli/">GCLI</a> project, which has a significant <a href="https://github.com/joewalker/gcli/blob/master/docs/index.md" title="https://github.com/joewalker/gcli/blob/master/docs/index.md">section of documentation on GCLI</a> and how it works. There is also documentation specific to <a href="/en-US/docs/Tools/GCLI/Building_GCLI_For_Firefox" title="/en/Tools/GCLI/Building_GCLI_For_Firefox">integrating GCLI and Firefox on MDN</a>.</p>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="/en/Tools" title="Tools">Tools</a></li>
</ul>
<p>{{ languages( {"zh-cn": "zh-cn/Tools/GCLI" } ) }}</p>
Revert to this revision