Graphical Command Line (GCLI) for Firefox Developers


For the information these GCLI commands provide and give the developers a quick access so that they can get done with the development and also configuration of their tools. This Firefox’s GCLI has been named as Developer Toolbar. You can open up this toolbar by pressing the shift + F2 button. You can also open this development tool bar with the use of top menu bar, you have to tick the option of tools and then click on the Web Developer option and then finally mark the option named as Developer Toolbar option. Here you can have a look at these Graphical Command Line (GCLI) Commands which you can make use of them in firefox.


  1. Remove page elements

Command: pagemod remove element <selector>

To remove page elements, you have to enter this command: pagemod remove element <selector>. With the help of this command pagemod remove element <selector>, you can successfully remove all of the desired elements from your page.

You need to keep in mind that the value of <selector> should be and has to be a valid CSS selector. For the information this command pagemod modifies page, it can also remove and replace the required elements of your page.

  1. Measure elements

Command: measure

If you want to measure elements then you have to enter this command: measure. To get to know about the measurement of any of the visual module, then you only have to enter this measure command right into the command line.

  1. Edit files Quickly

Command: edit <url>

For the editing of your files in a quicker way, you can make use of this command: edit <url>. You can now get start with the editing of all of your page’s resources with the help of this edit command. First you have to make a selection of the resource that needs to be edited.

  1. Look up unfamiliar CSS properties

Command: mdn css <property>

If you are searching for the command that can Look up and search unfamiliar CSS properties for you then you can enter this Command: mdn css <property>. You can also call it a popup dictionary for the utilization of your CSS properties.

  1. Resize page

Command: resize to <width> <height>

For the resizing of your page, this command can help you out, you have to make an entry of this Command: resize to <width> <height>. With the help of this resize tool, you will be able to get a view that how your page will look like once it will be resized to its specific and desired dimensions.

You can also use this keyboard shortcut, Ctrl + Shift + M (Cmd + Alt + M but it is for Mac).

  1. Restart the browser

Command: restart

For the restarting of your browser, you should use this Command: restart. You only have to type restart right into the command line and then you have to press Enter.

  1. Open your Firefox profile folder

Command: folder openprofile

The command that can let you to Open your Firefox profile folder, this is the Command: folder open profile. As we know that each of the Firefox user gets each of their own profile folders and you should know this command if you wants to open your profile folder.

  1. Copy color values

Command: eyedropper

For the copying of color values, this is command for you, Command: eyedropper, it is true that this eyedropper is one of the brilliant tools for the copying of your color value right a web page.

  1. Test external libraries

Command: inject <url>

If you want to test external libraries then you should use this Command: inject <url>. Now you do not have to dive into this source code to get done with the making of these temporary additions. You only have to inject this command.

  1. Take screenshots

Command: screenshot <option>

Many of the users wants to take screenshots, you can use this Command: screenshot <option>. With the use of this built-in screenshot tool, you can well target any of the individual elements by using these CSS selectors.

  1. Open rulers

Command: rulers

To carry out this task, you can utilize this Command: rulers. It is one of the coolest tools from Firefox, it is accessible with the use of GCLI. You can also run the same command if you want to deactivate the ruler.

  1. Open the console & debugger

Command: console open and dbg open

For the completion of this task, you can use this command: console open and dbg open. It is a simple command which you needs to enter and type into the Firefox Command Line.

  1. Count page elements

Command: qsa <selector>

To count your page elements, enter this Command: qsa <selector>. If you wants to count of all <a> elements on a page, then you can use this qsa a command.

  1. Enable or disable add-ons

Command: addon list

For the enabling and disabling of your add ons, this command can help you. The Command is: addon list. For the management of your Firefox add-ons, you should use these GCLI commands.

  1. Manage settings

Command: pref show <setting>

To manage the settings, you can use this Command: pref show <setting>, if you will be making use of these GCLI then they will let you to have an instant access of your customized settings.

You can try any one of these top and best 15 Graphical Command Line (GCLI) Commands in the Firefox for all of the Front-End Developers and then share your response and feedback with us.


Please enter your comment!
Please enter your name here