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

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

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

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 am on Windows 11  and needed to debug a problem with a scrollbar today, the bug only appeared with the old scrollbar style, so I needed to enter about:config, change widget.non-native-theme.scrollbar.style to 4 and restart the browser. Not that great.. I would really like to have this as a simple switch in the devtools. Or add a regular setting like mentioned here: Scroll bar width and customization options ... View more

The console.table() method in Firefox displays tabular data as a table in the browser's debug console. This works great for visual inspection within the console, however any attempt to copy/paste that table to any other application gives a messy/unusable result. “The future belongs to those who believe in the beauty of their dreams.” ― Eleanor Roosevelt But simply adding "Tab" characters (eg. ascii 9) between columns, and Line Feeds (ascii 10) at the end of each row of the console.table() output, would result in no notable visible change, but the table would generally "paste nicer" into many other applications, including spreadsheets like Excel, and even pasting into plain text editors would be more tidy. I think many people would find this quite helpful.   ... View more

Hi, I have an improvement suggestion for the console in the developer tools. It essentially concerns a huge block of unused space that I regularly find when debugging applications (see attachment). Making the block with the console output broader and make it use that free space will in my opinion result in a greater DX, since I can see more data at first glance. Thanks for your attention. And thanks for all the love and work you put into developing firefox (and other products). Kind regards fonzane ... View more

Suggestion: Allow for DevTools to show the content of the remote devices screen when debugging from desktop, similar to Chrome/Chromium DevTools as seen on this guide: https://developer.chrome.com/blog/devtools-mobile/ Reasoning: This would make developing/debugging a lot easier by displaying the devices screen right on the users desktop, which is easier than having to constantly look down at the devices screen. ... View more

Festive Greetings Mozilla Company and I hope that you are developing for the future. I mentioned this idea in Google Playstore as part suggestions part opinion and got a response, FROM MOZILLA, and a link to say that here so it's about the Mozilla Firefox Browser having a fully Web Developer friendly features such as : 1.Dhtml , Shtml ,Html ,Html5 2.Css , Css2 , Css3 or Css4 etc... 3.Javascript encyclopedia of libraries to add and choose from e.g. Json, React , jQuery ,Ajax or Phaser 4. Php MyAdmin with Zend Engine ( Sqllite, Sql , MySql ) to allow offline developments on the developers device as a virtual server as to allow for offline developments of the web. This would then enable Web Developers to further Develop how they can with the, Mozilla Firefox Web developer browser and once it's prototypical , I suggest that Mozilla would broadcast on all Socials so people like me can get to explore it and reciprocate communication about it here and there ... View more

Hi, I would like you to add support for input type week: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week Thank you ... View more

Hello world, Save CSS, JS, HTML changes and be able to reload the page that was changed through Devtools. ... View more

Hi Firefox team When I write a function in the browser dev tools, do something wrong and then redeclare the same function Firefox throws an error. But this is the browser console and I'm just messing around. The same thing applies to variables declared with let, const and var. Can Firefox ignore with what keywords the variables are assigned or declared if the code was written in the browser dev tools? Firefox ... View more

I'm trying to ensure a complicated picture element is behaving the way I want and would love some tools to help me out. Some things that would help: a way to know which source is currently displaying a way to test that all the sources are valid images a way to know which media/sizes pair is the current match   <picture> <source media="(max-width: 767px)" srcset=" /media/img/news/projects-mobile-375.jpg 375w, /media/img/news/projects-mobile-720.jpg 720w, /media/img/news/projects-mobile-976.jpg 976w, /media/img/news/projects-mobile-1232.jpg 1232w, /media/img/news/projects-mobile-1450.jpg 1450w" sizes="calc(100vw - 16px)"> <source srcset=" /media/img/news/projects-desktop-1032.jpg 1032w, /media/img/news/projects-desktop-1953.jpg 1953w, /media/img/news/projects-desktop-2056.jpg 2056w" sizes=" (min-width: 768px) calc(83wv - 24px), (min-width: 1312px) calc(75vw - 32px), (min-width: 1440px) 1028px, calc(75vw - 32px)"> <img loading="lazy" src="/media/img/news/projects-mobile-1450.jpg" alt=""> </picture>   ... View more

I created an achromatic icon for my add-on, but it may be a challenge to stay visible due to the different theme colors people have in their browsers.  I've noticed that many of the native browser icons adjust themselves based on whether the theme is dark or light, so I designed both an all-black and all-white version of my icon. However, after researching, I couldn't find an easy way to switch between the two based on the user's theme in the add-on manifest. Why is this functionality available natively, but not for add-ons? ... View more

I am a web developer from China (English may be a bit awkward). I used outerWidth and outerHeight, innerWidth and innerHeight to differentiate between Android and PC in order to unify the webpage background div.I wish Firefox Android's outerWidth and outerInner made more sense. I found a thing when I test the website on my Win11 computer. And the following test is defaulted to horizontal screen of computer and vertical screen of cell phone. after Firefox dev press the maximize button, the difference between outerWidth and innerWidth is 9. after press the restore button again, the difference between outerWidth and innerWidth will be between 7 and 9. But after maximizing chrome dev, outerWidth and innerWidth are equal. After pressing the restore button again, the difference between outerWidth and innerWidth will be between 14 and 16. Of course, I understand the difference between the values outerWidth and innerWidth in JS. But testing on Android has revealed a similar problem. First, by default the address bar in Android browsers appears/disappears with a swipe. On this basis, the difference between outerWidth and innerWidth in Firefox Android is 3. The difference between outerHeight and innerHeight after the address bar appears is 63! The difference after the address bar disappears is 8. Chrome, on the other hand, circumvents this problem, and the address bar appears/disappears with the values of innerWidth, innerWidth and innerWidth, innerWidth and innerHeight are equal. It doesn't really matter that there is a difference in the PC values, it's mainly on the Android side. If the address bar is hidden, then the outerHeight and innerHeight should be equal. But Firefox Android is not equal.   ... View more

i have an idea that can help devs on their work! my idea is that if you added the ability to code from the browser itself, what i mean by that is that if the dev can write code and see his work on his website at the same time and the twist is that he can see the page changing in real time without refreshing it, personally as a beginner web dev this Future will really help me in my journy. ... View more