• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Firefox Developer Tools
  1. MDN
  2. Firefox Developer Tools
  3. Developer Toolbar
  4. Building GCLI For Firefox

Building GCLI For Firefox

In This Article
  1. Getting Started
  2. Getting GCLI

Getting Started

You must have a checkout of Firefox that you can build and run. For more details see the simple build instructions, or the more detailed instructions.

You will also need an installation of NodeJS, and Git. GCLI can run under Node, and it also uses Node to build its output for Firefox.

Getting GCLI

GCLI is stored in git. There are two repositories of note. Most of the up-to-date development happens in joewalker's repo; when changes have landed in mozilla-central, then they also appear in the mozilla fork.

The GCLI build step alters your checkout of mozilla-central, so it needs the FIREFOX_HOME environment variable to point at the right directory.

$ cd <WHEREVER-YOUR-FIREFOX-IS-STORED>
$ export FIREFOX_HOME=`pwd`

Getting and running GCLI looks like this:

$ git clone git://github.com/joewalker/gcli.git
$ cd gcli
$ node gcli.js
Serving GCLI to http://localhost:9999/
This is also a limited GCLI prompt. Type 'help' for a list of commands, CTRL+C twice to exit:
ยป

The easiest way to build GCLI into an installation of firefox is like this:

$ node gcli.js firefox

This assumes that you have setup the $FIREFOX_HOME environment variable as specified earlier. Alternatively you can do this:

$ node gcli.js firefox /path/to/mozilla-central

Now you can make changes to the GCLI source, test it in a web browser, and export a gcli.jsm package to run in Firefox.

Document Tags and Contributors

Tags: 
  • Build instructions
 Contributors to this page: Pejman-Platform, kscarfone, Quentin, jwalker
 Last updated by: Pejman-Platform, Aug 29, 2014, 3:12:34 PM
  1. Core Tools
    1. Page Inspector
    2. Web Console
    3. JavaScript Debugger
    4. Network Monitor
    5. Performance
    6. Responsive Design Mode
    7. Tips
  2. More Tools
    1. Memory
    2. Storage Inspector
    3. DOM Property Viewer
    4. Developer Toolbar
    5. Eyedropper
    6. Screenshot
    7. Scratchpad
    8. Style Editor
    9. Shader Editor
    10. Web Audio Editor
  3. Connecting the devtools
    1. about:debugging
    2. Connecting to Firefox for Android
    3. Connecting to iframes
    4. Connecting to other browsers
  4. Debugging the browser
    1. Browser Console
    2. Browser Toolbox
  5. Extending the devtools
    1. Adding a panel to the toolbox
    2. Example devtools add-ons
    3. Remote Debugging Protocol
    4. Stream Transport
    5. Source Editor
    6. The Debugger Interface
    7. Web Console custom output
  6. Settings
  7. Release notes