Super User
Super User

Questions tagged [firefox-developer-tools]

The Firefox Developer Tools are the built-in development tools in Mozilla Firefox.

This tag is reserved for the built-in development tools in Mozilla Firefox. For any other third party development tools, use the appropriate tag, for example .

You can use the developer tools to examine and edit HTML and CSS, to debug JavaScript, and to run JavaScript in the page. You can use them to see network requests that your browser makes as well as any JavaScript and CSS warnings and errors that it encounters when loading a page. You can use them to debug performance problems with your site.

You can use the developer tools to debug code running Firefox for Android, and soon, Firefox OS. We've also provided tools that target mobile development: the Responsive Design View is a quick way to see how a site will look on a small screen, and the Firefox OS Simulator lets you run and debug a Firefox OS app on the desktop without needing to use a real Firefox OS device.

Firefox add-ons can access the debugger API, so you can build your own developer tools that extend and enhance the built-in tools. With the remote debugging protocol you can implement your own debugging clients and servers, enabling you to debug websites using your own tools or to debug different targets using the Firefox tools.

You can learn more at the official Firefox Developer Tools site: https://developer.mozilla.org/en-US/docs/Tools

80 questions
27
votes
3 answers

How to view log of network requests across tabs in Firefox?

Within Firefox, I would like to see all network requests being made by Firefox. Using Firefox developer tools works great for this. Just open the developer tools, click on Network, and there you go. The problem happens when a site opens a link in a…
Amazon Dies In Darkness
  • 9,990
14
votes
2 answers

How do I modify a variable in Firefox Debugger?

I would like to be able to edit a variable after setting (and hitting) a breakpoint, or simply pausing execution, in either Firefox or Firefox Developer Edition. It seems that it used to have this feature, but it was removed when the debugger was…
Aster
  • 335
13
votes
5 answers

Firefox: change/disable default keyboard shortcut configuration

I have installed the Keyconfig add-on and configured it to toggle Offline Mode on Firefox, whenever I press Ctrl + Shift + O. It worked fine on previous versions of Firefox (before version 28.0). However, now, when I have the Developer Tools pane…
Janaka Bandara
  • 290
12
votes
1 answer

How to make Chrome show beginning and end of long URLs in the URL bar

I've been trying to find a Chrome extension that would show the beginning (www.domain.com/...) and ending (someFileorPage.html) part of a URL, in the omni-bar, truncating the middle part if the URL's too long to fit. The beginning and ending parts…
Qasim
  • 231
6
votes
2 answers

Removing "other bookmarks" from the Firefox bookmarks manager?

I don't know what this folder is for, and I don't know why Firefox forced this folder for everyone. But for me It is always empty because I never use it. I want to go a step further and permanently hide it from this drop down menu and the…
user1740026
6
votes
4 answers

Firefox: purge all data (cache, cookies, local storage, etc) for a specific website

Chrome has this handy tool: Lets you purge all kinds of storage for a specific website without ruining your experience for all other websites. How do I do the same in Firefox?
lolmaus - Andrey Mikhaylov
  • 1,023
5
votes
0 answers

How to download a website's source maps?

I don't want to write a complete script for this; there must be some simple way to download source maps. By this I mean go to a website (assuming it has source maps) in Firefox, open Developer Tools, then the Debugger pane, then the Sources. I'd…
Jakub Koralewski
  • 161
5
votes
0 answers

How to prevent the Firefox developer tools window from focusing on page reload?

I've been annoyed by Firefox developer tools window always restoring from minimized state (focusing) every time the page I'm working on is reloaded. I'm not sure if this is a quirk or a feature but it's sure annoying as hell. I've observed this…
AndyDeGroo
  • 176
  • 2
  • 3
  • 15
4
votes
0 answers

Disable parentheses autocomplete on Leetcode

The in-browser Leetcode text editor autocompletes parentheses. (Typing '(' will automatically create a ')' in the text editor.) Unfortunately, Leetcode does not provide settings that disable this feature. On this page, a Leetcode user has suggested…
user1735791
  • 41
4
votes
2 answers

Loading a URL in the current tab through the Firefox “Browser Console” (or command-line)

For debugging purposes, I need to automatically load a large number of URLs (successively) in a given Firefox tab. More precisely, my goal is to load URL1, URL2, etc., as if the user had typed these URLs in the URL bar and typed return, always in…
Gro-Tsen
  • 231
4
votes
2 answers

How do I search with XPath in Firefox Quantum 65?

I used to use FirePath and FireBug for XPath support in Firefox a long time ago, but those tools haven't worked with Firefox for some time. I was disappointed but found that I could still use the find feature in the inspector developer tool to look…
nikodaemus
  • 2,883
4
votes
1 answer

Firefox devtools: how to hide console from other dev tabs?

When I open my Firefox 55 devtools (F12), the Console shows up under every tab. Here it's taking up the bottom 40% of the Network Monitor tab: This can be useful if I want to see new console messages as they appear, but it's annoying when I don't…
BeetleJuice
  • 877
4
votes
2 answers

How to turn on Firefox's Responsive Design Mode's touch simulator?

I want to use Firefox for mobile development. And I would like to turn on Firefox's responsive design's touch simulator. While I'm in device mode in Chrome, the browser shows a gray circle as mouse cursor and I can drag (slide) my page: But in…
Java Jedi
  • 41
  • 1
  • 1
  • 2
3
votes
0 answers

How do I turn off groupLogMessages in Firefox console, not Firebug?

I know how to do this in Firbug, but want to disable the grouping (red circle with a number in it) in the regular console. I've searched inside about:config, but couldn't find it. Is this possible?
Kirk Burleson
  • 31
3
votes
1 answer

Firefox - re-attach Developer Tools to main window

Since it is possible to "pull out" the Developer Tools, so they appear as an own window, I would like to know if there is a way to restore the original form of the Firefox Developer Tools, so it shows below the website in the active Firefox window…
who.knows
  • 615
1
2 3 4 5 6