google-chrome-devtools

问题 I need to make an application that can detect when I use chrome developer tool to update attributes on a webpage. E.g. if I bring up the developer tool, use the elements selector and change the font size of a specific element (see picture). I should be able to have a program running that is notified with what element was updated on the page, and what attributes was changed. How could that be done? 回答1: It sounds like a mutation observor job. Have a look at https://developer.mozilla.org/en

问题 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

问题 I've been looking everywhere trying to find a way to modify the behavior of the developer tools console logging in Google Chrome. I've come up short. The console, by default, does not show each and every time logged. It appears to be keeping a tally of the number of times that the same message is sent to the log. This does not help when you are logging items to verify or debug workflow in a web application. If I were to log: 1 2 1 1 2 3 I expect to see just that, but what you get is more like

问题 Simplified, what I'm doing is running this in the console: window.onbeforeunload = function (e) { console.log(e); } But in the console, when the event fires (by trying to "leave page" in the middle of writing an SO question) what I see is this: Event {clipboardData: undefined, cancelBubble: false, returnValue: true, srcElement: document, defaultPrevented: false…} With a little "i" graphic next to it. When I click the arrow next to it to expand the object in the console, nothing happens. The

问题 I'm building a funnel for our chrome extension using Google analytics. When it comes to the chrome store stats at the beginning of the funnel, the data the developer's dashboard provides is limited (impressions & installations only). I'm looking for data such as referrals to my extension page, the amount of people who clicked on the extension page but didn't install it (not impressions). Can this data be found in the dashboard or GA? where? and if not, how can I otherwise track this? Thank

问题 I really like the local overrides feature in chrome. While it is handy during development, I'd also like to use it while my devtools are closed . If this were possible, it could replace extensions which inject custom css or js into the page. (right now, after loading a page, overrides do not kick in until devtools have been opened at least once) After some digging, I got the impression it's not possible though. Can somebody please confirm this? Is there any way to achieve the desired effect

问题 I have an issue with the Chrome developer tool. My version is Version 46.0.2490.71 (64-bit) According to online tutorials, I can go to Sources tab, right-click a script file and there will be Blackbox Script option to choose. However, I see no option in my chrome. How do I enable that option since I have no knowledge about regex? Another problem: The scripts still got debugged even though I added them to blackbox list. Weird!! One more thing i want to ask is how I blackbox an "unlimited"

问题 I have reason to believe console.log and JSON.stringify can produce inconsistent views of the same object even if it was created in a straightforward manner (see notes). Situation In both Google Chrome developer tools and Firebug, I had an object obj which console.log printed out as { players: {0: ...}, ...} , while JSON.stringify reported { players: {}, ...} . obj.players was {} under both functions, so it seems that console.log is the culprit. Could it be asynchronous/non-deterministic in

问题 I'm just wondering if it's possible to show traffic from a specific domain only in the Network tab in Chrome Dev Tools? 回答1: Yes you can, by entering domain:localhost in the filter box to filter by the localhost domain, for example: Notes: The filter box has autocompletion to help you out (which is how I found this feature) Also helpful to filter by the type of request / file type e.g. XHR 回答2: Just type in part of the domain and check the filter box. Also, you can turn on the Domain column

问题 I am not able to load sourcemap in Chrome Extension for some reason. The folder which is being loaded for Chrome Extension has .map just next to .js file. With the .js file having the line //# sourceMappingURL=1.9215106f1980d05d2b4c.js.map referencing the .map file path. However, the Chrome dev-tools is not loading the maps for some reason. I double checked the Chrome settings to make sure that the js source maps is turned on and it is working with a simple Angular project. Also, made sure I