firefox-developer-tools

问题 I would like to observe the contents of a POST request whose successful completion results in a location.reload() - when I try to capture this request in the Network Panel of the Firefox developer tools, I find that the page reload clears the list of captured events. Can I prevent this clearing? 回答1: From Firefox 31 onwards you can use the "Enable persistent logs" setting to prevent the Network Monitor from clearing the list on reload. 回答2: Despite knowing the name for the setting is "Enable

问题 I am using the Firefox Developer Edition theme on MacOS to reduce eye strain while programming. However, results while typing in the location bar still pop up bright white. Does anyone know of CSS to have these results use a dark background and light text? 回答1: Generally, if you are looking for an add-on which will change this, then a theme would be appropriate. At least one of the themes I use does style the URL Bar's auto-complete results. An extension could also change the styling, if

问题 The Firefox DevTools Inspector panel in Firefox 48 the changed the position of the ancestor elements breadcrumb bar from the top to the bottom. How I can revert the change? 回答1: This was obviously changed in bug 1256422 (unfortunately without explaining the reason) and there is no setting to move the breadcrumb bar to the top again. So I see three options: Accept the change. Revert back to Firefox 47. Create a bug report asking to move it back to the top. 回答2: Based on the information you

问题 I'm adding this code to a Addon-SDK addon: var {devtools} = Cu.import("resource://gre/modules/devtools/Loader.jsm", {}); var {WebConsoleFrame} = devtools.require("devtools/webconsole/webconsole"); Although this works in a normal (old style) addon, with cfx run I get: ModuleNotFoundError: unable to satisfy: require(devtools/webconsole/webconsole) from (thefilename.js) To clarify, I'm trying to add those 2 lines into here: https://github.com/DavidBruant/usefulStackTrace/blob/master/lib

问题 Does anybody know how to break on a XHR request on Firefox developer tools? Earlier in firebug I added breakpoints under Net panel. As the firebug is discontinued any workaround for Firefox developer tools is appreciated. 回答1: That's currently (Firefox 57.0) not possible. It's requested in bug 821610. Also other Break on… features like breaking on DOM mutations and breaking on cookie changes are still missing. Those features are given high priority for implementation regarding missing Firebug

问题 I'm wondering how the sequence shown below could possibly occur. Here is the function in question: WebSocketConnector.prototype.sendMessage = function(message) { if (socket !== null) { socket.send(message); console.log('Sent: ' + message); } else { alert('Failed to send message. WebSocket connection not established.'); } }; And here is what happens when I debug a call to this function: 1. Start at line 32. 2. Step In, advances to line 33. 3. Step In again, advances to line 34. 4. Step in one

问题 I'm looking at my balance on Venmo.com but they only show you 3 months at a time and I'd like to get my entire transaction history. Looking at the Chrome Developer Tools, under the network tab, I can see the request to https://api.venmo.com/v1/transaction-history?start_date=2017-01-01&end_date=2017-01-31 which returns JSON. I'd like to programmatically iterate through time and make several request and aggregate all of the transactions. However, I keep getting 401 Unauthorized. My initial

问题 The timing section of the Firefox Network Monitor documentation, "Blocked" is explained as: Time spent in a queue waiting for a network connection. The browser imposes a limit on the number of simultaneous connections that can be made to a single server. In Firefox this defaults to 6 Is the limit on the number connections the only limitation? Or is the browser blocked waiting to get a connection from the OS count as blocked too? In a fresh browser, on a first connection, before any other

问题 My preferred CSS workflow (at least when tweaking existing CSS) is to edit directly in the browser using the 3-panel Inspector panel, then copy the edited styles to my stylesheet. Sometimes I'll edit the styles for many elements and forget that I edited some element (since you can only see if it's edited AFAICT by selecting exactly that element and looking for rules with a green bar to the left). Then I'll fail to manually copy that element's style changes to my stylesheet and, on reload,

问题 I want to know if there is a way to check if a javascript function is being called from console of the browser or from source code. I defined a function that can check if it's from console or from the page but it works only in google chrome, it doesn't work in firefox, I didn't test other browsers function fromConsole() { var Caller = arguments.callee.caller; while(Caller.caller != null) Caller = Caller.caller; return (Caller.toString().indexOf("function (expression, objectGroup,"))!=-1; }