Questions tagged [firefox-developer-edition]

The Firefox Developer Edition is a special version of Firefox, which targets web developers.

The Firefox Developer Edition is a special version of Firefox, which targets web developers.

Besides the normal browser functionality it includes additional features that help people to create apps for Firefox OS and web sites.

See https://www.mozilla.org/firefox/developer/ for more info.

83 questions
58
votes
2 answers

How to enable "Preserve Log" in Network tab in Chrome developer tools by default?

How to enable "Preserve Log" in Network tools in Chrome developer tools by default? Everytime I press F12 and then select Network tab, I need to click preserve log checkbox to make it preserve request/responses. Is it possible to have it checked all…
27
votes
1 answer

Why transferred bytes are bigger than size bytes in firefox dev tools?

I am measuring the performance from a website. When looking at the firefox-developer-tools, I noticed a weird behavior. There is a specific JS file which the transferred size is 2,831.54 KB, but the actual size is 1280kb. According to Mozilla, the…
16
votes
1 answer

Is it a bug in firefox developer edition?

Take a look at the below code: var c = 50; { console.log(y); let y = 50; } This code is expected to throw a ReferenceError and it does. But in the console, the message attached with the exception just blown my mind. It…
12
votes
1 answer

How do I emulate a CSS print media type in Firefox Developer Edition?

As you can see here, the Developer Toolbar has been removed from the latest versions of Firefox, so I can't run a "media emulate print" command anymore. I would prefer to not have to use Chrome to debug my print styles, so is there any other way to…
11
votes
3 answers

How to search string in all files firefox developer 56

I can't find a way to search a string in all .js and .css files on Firefox Developer Edition 56.0b4. I found a way, but it was before versions 52. I wonder why they removed this feature? Thanks for help.
RLott
  • 330
  • 4
  • 12
10
votes
2 answers

How do you close the DOM Properties window in Firefox Developer Edition?

I am using Firefox Developer Edition and when I had the Inspector open, which is accessed by right-clicking an item and selecting Inspect Element, I then right clicked something in the Inspector and selected Show DOM Properties, which you can see in…
Brett
  • 19,449
  • 54
  • 157
  • 290
9
votes
1 answer

Firefox Developer Tools don't work with Webpack CSS source maps

I have a problem to make Firefox Developer Tools (Firefox Developer Edition 59.0b7) work with CSS source maps generated by Webpack in development mode (using webpack-dev-server). In Firefox Developer Tools, when I inspect an alement, it's CSS rules…
7
votes
3 answers

Unable to debug Typescript (source) files in Firefox

Ok, I created a basic Angular 2 Typescript project using 5 Min QUICKSTART and it's up and running. My typescript transpiller is configured to create source map: tsconfig.js { "compilerOptions": { "target": "es5", "module": "commonjs", …
7
votes
1 answer

Firefox: Network Monitor: How to debug JSON payload?

I switched from Google Chrome to Firefox Developer's Edition because of memory leak issues and moving towards truly open-source solution. I want to debug the payload of my request which is JSON but Firefox does not show the user-friendly tree…
Sanket Sahu
  • 8,468
  • 10
  • 51
  • 65
6
votes
1 answer

Can't set a breakpoint in Firefox Developer Edition (FDE) 's debugger pane

I am running FDE 59.0b12 on Windows 10 64-bit; I am trying to follow the procedure/video shown at URL: https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint in order to debug some JS code within a jQuery.ready()…
Fabien Haddadi
  • 1,814
  • 17
  • 22
6
votes
1 answer

Firefox isn't showing typescript (.ts) source maps in the debugger

I can only see the .js files, the .ts sources don't appear in Firefox. It works in Chrome, I can see and place line breaks in .ts files, and the debugger works great. But Firefox will not work, no version, not the stable or the nightly or the…
6
votes
2 answers

Customize Firefox Developer dev tools color theme

Just as title says, I'd like to know if it's possible to change the color theme of Firefox Developer dev tools. Light and dark theme are nice, but I'd like to use a code color theme like Monokai or something similar, how can I do that? Below you…
6
votes
4 answers

Why do my breakpoints flee from their intended position

I'm experiencing the behaviour of breakpoints moving to the end of the file in Firefox Developer Edition when trying to set them anywhere in the javascript. Sometimes after restarting the PC or the next day it's working, but I'm unsure whether…
Stephan
  • 1,791
  • 1
  • 27
  • 51
6
votes
1 answer

Firefox and RequireJS still pulling from cache even with toolbox open

I'm using FirefoxDeveloperEdition 36 on OSX 10.10.1. I've enabled the "Disable Cache (when toolbox is open)" option in the toolbox's settings panel: However, I'm not seeing my changes until I manually clear the cache via Preferences => Privacy =>…
Nathan Friend
  • 12,155
  • 10
  • 75
  • 125
6
votes
1 answer

Disable cache option in developer tools doesn't work

I check disable cache when dev tools is open but my firefox still caching some javascript. Cmd + Shift + R doesn't affect this behavior. Some files like font are cleared but javascript files seems to still cached for some of them. When I go to…
1
2 3 4 5 6