Developer Toolbar

  • Revision slug: Tools/GCLI
  • Revision title: GCLI
  • Revision id: 302069
  • Created:
  • Creator: jwalker
  • Is current revision? No
  • Comment

Revision Content

{{ fx_minversion_header("11.0") }}

The Graphics Command Line Interface (GCLI) provides a command-line interface to the Firefox developer tools. It's shared with the Eclipse project.

Note: To enable GCLI, you need to set the devtools.toolbar.enabled Boolean preference to true.

Activating the GCLI toolbar

To open the GCLI toolbar in Firefox 13 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("11.0") }}</p>
<p>The Graphics Command Line Interface (GCLI) provides a command-line interface to the Firefox developer tools. It's shared with the Eclipse project.</p>
<div class="note">
  <strong>Note:</strong> To enable GCLI, you need to set the <code>devtools.toolbar.enable</code>d Boolean preference to <code>true</code>.</div>
<h2 id="Activating_the_GCLI_toolbar">Activating the GCLI toolbar</h2>
<p>To open the GCLI toolbar in Firefox 13 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>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/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