Developer Toolbar

  • Revision slug: Tools/GCLI
  • Revision title: GCLI
  • Revision id: 236226
  • Created:
  • Creator: joewalker
  • Is current revision? No
  • Comment one or more formatting changes

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.enable 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:

See also

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> Boolean preference to <code>true</code>.</div>
<h2>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>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>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>See also</h2>
<ul> <li><a href="/en/Tools" title="Tools">Tools</a></li>
</ul>
Revert to this revision