firefox-developer-tools

I am using a couple of 3rd party minified Javascript files that have no .map file. When I am debugging in Firefox DevTools, it consistently shows these errors: Source map error: request failed with status 404 Resource URL: https://foo.domain.com/widgets/widgets.min.js Source Map URL: widgets.min.js.map This is really distracting since there are a number of these files and they really pollute the console. Is there anyway to turn these warnings off? You can disable source maps globally by going into the Toolbox Options of the Developper Tools and unchecking Enable Source Maps . You can also

Chrome complains when I try to copy inside setTimeout . setTimeout(function () { copy('a') }, 0) Uncaught ReferenceError: copy is not defined at <anonymous>:1:26 It doesn't work with the window scope as well. setTimeout(function () { window.copy('a') }, 0) Uncaught TypeError: window.copy is not a function Interestingly, if I keep the reference to copy and reuse it, it works cc = copy; setTimeout(function () { cc('a') }, 0); In Firefox, it doesn't throw any error, but it doesn't work even with the saved reference. Why copy function doesn't work inside setTimeout , is it a bug? copy is part of

I have developed an add-on for Firefox and Chrome. It has content scripts. I want to access them in the browser tab's console (on Firefox the Web Console ). For example, I want to enter a global variable defined in the content script(s) in the console, and it will output its value. In Chrome, I can open the console by pressing F12 , then navigate to the Console tab in the developer tools. It has a dropbox, right after the filter button, to select which context I am in (page/content script): In Firefox, how to do the same thing? Makyen The ability to change the context/scope of the Web Console

Is there any way how to enable opening of devtools on all new tabs? I'd like to have devtools opened to be able to comfortably debug popup windows. Chrome added the option to "Auto-open DevTools for popups" in early 2016. I'm seeing the option in Chrome 51. Open DevTools Hit F1 to open settings Scroll all the way to the bottom, and the option is under "DevTools" Not sure about Firefox at the moment, but I could not find anything that could lead to a positive response. Dmitry Kulikov has developed a plugin for Firefox that does exactly this. You can find it here: https://github.com/dmitry

I am debugging javascript in Firefox Aurora Developer Tools. I set a breakpoint in a javascript file, and refreshed the page, after which all my breakpoints went away. How do I preserve breakpoints in Firefox developer tools when I refresh the page? This sounds like a regression; breakpoints should stay active across page refreshes. Can you share the code you are working with (or a minimal test case) and give some steps to reproduce the lost breakpoints? Firebug. But I'm not sure if it works properly with Aurora The breakpoints stay highlighted across refreshes, but fail to break.. restarting

I would like to know the best way to detect when a method or function is directly called through the console. As far as I currently understand, it's not possible to directly detect it on identical function calls, but using the .call() and .apply() methods of a function I can pass additional data through the this object. Given the following code structure: (function(){ var Player = {money: 0}; window.giveMoney = function(amount){ if (this.legit !== true) throw new Error("Don't try to cheat!"); Player.money += amount; } })(); I could call the function using window.giveMoney.call({legit: true},