Mozilla Connect

It would be great to have a parameter to limit number of requests in network tab, in order to preserve logs between page refreshes, but limiting resources consumption. Thanks for great job ! ... View more

One the features I really miss in the Network tab of the Developer Tools is the ability to add columns based on Custom Reponse Headers. This is really handy to have when doing Cache debugging with CDN's, which usually respond back with certain headers to indicate if a file is cachable, and if you hit cache or not. I've added an screenshot of Chrome which does have this feature. ... View more

E.g., in the inspector I can see CSS rules for an element. However, I often wonder: What was this setting for? Which values do what? I would find it helpful, if a small button would appear when I hover over a property, which offers a link to the corresponding MDN documentation. Then I don't have to use a search machine. I even don't have to let go my mouse. Just a click and I get the explanation for the CSS property in a new tab, or maybe in a separate window. Wouldn't it be good if the MDN documentation gets linked by another product? It's some kind of integration, so to say. This small button itself could also provide some compact information in a tooltip. But for a first step just the link would be already helpful. The same could be done in other areas of the developer tools. E.g. in the debugger, where you could link JS functions to the corresponding MDN pages. Then I could find the documentation to something like Array.reduce() more easily, when I hover over the 'reduce' (probably only during debugging). ... View more

Like the developer tools of chrome, I hope that firefox can also have the "properties" item. The purpose is to directly view all js attributes, which is very convenient and does not need to waste time writing javascript code. More importantly, you don't have to switch between firefox and chrome. ❤️ 🤘 ... View more

Hi! I'm used to developing using both Chrome and Firefox. My little problem with Firefox DevTool is that I like to have this windows separated from the main window, where the page is. Yes, I do that. But I must say that Google Chrome version is less confused in that, because of how it shows the DevTool icon in the taskbar. The main difference is that Firefox shows it like another window in the same icon program, while Chrome create another icon program separated in the taskbar, so I can easily know which one is the icon with the page and which on which the DevTools. I know that it could be some stupid, but I'd rather like the way Chrome implemented this, and it would be a great little detail in the Firefox for me. I hope that you can understand what I'm writing (English is not my mother tongue) P.S. I attach a screenshot where you can see how I have this window and the DevTool with Firefox (all joined in the same icon, same space) and a window with Chrome and the DevTool separated in another icon. ... View more

Currently, if a page decides to open link in a new tab, when a tab is opened, address bar doesn't have an address, and the tab itself shows the loading animation and says "new tab". (reproduce with any search engine with "open in a new tab" setting on) If you open a link in a new tab using context menu, this doesn't happen and the address is filled correctly. I feel like this shouldn't be like that: if a website decides to take you somewhere - you won't know where until the website starts to load if a page doesn't load -  you will see an address only when browser gives up. But until then, you have no control - you can't change/fix the url, you can't see what it is, and you can't stop loading to retry it, because you'll get "about:blank" instead of actual address Btw, something similar happens with DevTools - I've been in situations where I wanted to see what's being sent, but wasn't able to see the payload till the request failed, but I think there already is an idea/discussion/bug about that ... View more

Why: Energy saving is a huge goal and on some devices a crucial necessity. Hibernating tabs that have not been recently used, seem to be one option that is promessing. But some webpages rely on uninterrupted running and might fail to work if they are frozzen in a state for hibernation and resumed later. A good solution could be, to provide a NEW browser event that is send to a tab/webpage, indicating eminent hibernation/freezing. The event would provide Callbacks for requesting hibernation delay (within allotment of the browser), providing a method for the tab/webpage to bring its affairs in order. signaling 'ready'. The request for delay could be presented to the user, allowing the user to add a tab/domain to an exemption list or do $foobar. Example: Webpage that allows content creation locally, but saves data in the cloud. On event signal, it could request a delay, then save the data on local browser storage or even could try to save it to cloud. Terminating connection/stream to server Termination of cloud calculation ... ... View more

Since there is a "Facebook Container" there would only be a container for Discord, so privacy could be protected more ... View more

Hi, I hope the title is quite self-explanatory. The watchpoint feature is great, but only works for object property. It would be great to be able to use watchpoints also for variables that are not object properties and therefore also for module variables. Thanks a lot in advance ! ... View more

Screenshot of issue: Description of issue: In the inspector, if you are in the console and want to view a console.log(object), the object is half the width of the console area because the file name is pushing it over - this makes it difficult to read objects because they are squashed and wrapping. The object should show underneath the file name so it can fill the space. This is a simple fix for great value. ... View more

Currently if a url appears in a response value, it looks like it's clickable. The mouse cursor changes to a hand when hovering it, and the url becomes underlined. However, clicking it either doesn't do anything or puts the value into editing mode (depends on the kind of value - irrelevant). Same for ctrl+click, shift+click and alt+click. In many applications where regular click is supposed to already do something, it requires the user to ctrl+click to follow the link, so it doesn't interfere with normal clicks. Please implement that. Having a link behave *as if* it's clickable and then be not cickable, feels like someone did a very good but unfinished job. To reproduce: Open the devtools on the Network tab Do an XHR request Have it return some kind of JSON Have it return in that JSON any string that contains a URL Select said XHR request on the Network tab Select the Response tab Open the JSON up to find the vaue that contains a URL Try clicking it Expected result: Ctrl+clicking it should follow the URL and open it. Probably best to do so in a new tab. Actual result: Nothing happens.   ... View more

A useful option I've seen in Edge. It allows you to filter out the data URLs which make it easier to read network requests. Could come in handy for Firefox too     ... View more

In Firefox 69, the developers disabled css support by default, please turn it back on by default. ... View more

Some extensions require access to the debugger API. It might be great to add support for that in Firefox, especially that Edge, Chrome, and some browsers more minor than Firefox, like Opera, provide such support. ... View more

Firefox should improve developer tool color matching. The font color is fancy, too many colors, poor contrast, too many non-key elements, and the text contrast is not easy,not obvious，DevTools, Design, Desktop,It is not easy to find the key points when viewing information, the network panel layout is not simple enough, and the learning cost is higher than Chrome. If improved, I believe that more developers will be willing to use Firefox browser.the debug wil be more efficient   this is firefox👆 this is chrome👆 It is clear at a glance who is more clear, direct and simple, and who has higher learning costs. ... View more

For windows. If developer tools is open in a separate window and you select an item on the page with ctrl+chift+c, the devTools window does not come into focus. This is not convenient when working ... View more

These days everything is done using variables for colours. It's almost impossible to determine the current colour anymore let alone what the colour even is when you find it. For some reason everything has been changed to RGB values and no hex value is provided. There isn't even a colour circle where these RGB colours are shown. If I inspect an element I can go to computed, but the wrong background colour is always given, such as #000 of #fff. Attempting to select parent or child divs to get a more accurate value is usually a failure too as no values or incorrect values are given. Sometimes the correct value is given, but I have to take the RGB values over to rgbtohex.net to find out what the colour is in hex and what it looks like. It's very frustrating and unhelpful. To add to the problems there is a setting called "Default colour unit". When set to "Hex" the colours are still shown in RGB as shown in screenshot. ... View more

The About Firefox mini-page only displays the version of Firefox. About Firefox page The about:buildconfig page shows some tools and options used to build Firefox. about:buildconfig page The about:support page also displays the OS, build version, User-Agent and tons of information. about:support page (extract) But there is no page displaying SpiderMonkey JavaScript engine version or Firefox revision like on Chromium chrome://version/. Chromium chrome://version/ page It would be nice to have: A page about:version, that would be similar to Chromium chrome://version/. Only versions, not too much information like on about:support version is a more explicit name than support when you look for versions Includes SpiderMonkey JavaScript engine version or Firefox revision which are actually not displayed anywhere If creating a new page is not desirable, then just adding SpiderMonkey JavaScript engine version or Firefox revision to about:support. ... View more

I actually work with 2 FHD monitors of 27" and it is very useful to have browser on a screen and DevTools on the other one, but an entire 27" for each DevTools pane is almost too much, so… I sincerely would like to optimizie visualization having the possibility to split and undock panes, place them side-by-side. Imagine that DevTools is maximized to entire screen and it is divided into 4 regions and in each one would be shown a different pane, for example we could contemporary see Inspector, Console, Debugger and Style Editor. It would be a very “killer feature” This is current implementation (second display is empty, but it could contain the entire Developer Tools but seeing only the same panes actually present on the bottom of the page) This is a *super-quick* mockup of a splitted interface in which is possible to see in the same time, html inspector and debugger. Going further, on sufficient big screens could be possible to use Windows aero-peek feature to have 4-panes at each corner of the second display, seeing contemporary, Html inspector, Debugger, CSS pane and Network, and so on... ... View more