google-chrome-devtools

问题 I am maintaining one extension for google chrome and I'm receiving complaints from random users saying that it just stopped working. The error message in "extensions" section is this: Chrome plugin - Permission chrome-devtools://*/* is unknown or URL pattern is malformed It seems it's not a very popular issue - I wasn't able to find any trace of that. My permissions section of the manifest file looks like this: "permissions": [ "tabs", "http://*/*", "https://*/*", "chrome-devtools://*/*" ]

问题 I've attached an animated gif to illustrate this weird behavior. Essentially, my question is does Chrome console treat var and let differently when used in the same scope? You'll notice that after declaring / assigning a variable, if you try to type that variable's name into the console, Chrome will autocomplete it for you, showing a dropdown list containing what your typing. When using let s, this is not the case. Is this a bug, feature, or is there something I'm missing about var and let in

问题 Is there any way to filter out some files from collecting CPU profiles in or just filter them out in CPU profile results? That's what I'm talking about (http://grab.by/so7y): There's no way to filter the results by filename. I tried to find it in Profiles, in Timeline, in Google Web Trace Framework. And there is no such thing as far as I see. Or maybe it's time to make that feature? I think every developer needs it as far as he doesn't want to profile frameworks that he uses. I found "black

问题 As of a few days ago, whenever I open the developer tools in Chrome on OSX the 'drawer' automatically opens - 2nd screen shot The icon in blue shows/hides the drawer (now defaults to on) - First screen shot This is so annoying and I cant figure out a way to stop this behaviour. It never did this before.... 回答1: This was annoying me to no end and I could never figure out why it was automatically opening. Apparently the fix, at least in my case, is that I went into the Emulation tab inside of

问题 I'm working with java in Selenium, and I have to automaticed some tests, some how needs use Chrome Headless and Mobile Emulation. I know how to open chrome with "--auto-open-devtools-for-tabs" and with "mobileEmulation", but i need to open it with Toggle Device Toolbar activated. This mode, emulate the touch interactions events, replacing the click with a touch. How can i do start Chrome wiht this mode? (I´m using ChromeDriver v.2.358161) Here's my code: (...) Map<String, String>

问题 There's significant CPU usage shown here, but no reason given. Timeline taken from Android Chrome v51. 回答1: Grey means that DevTools is aware of the activity but doesn't know the identity of it. Striped means activity that is off of the main thread. So, grey and striped means unidentified activity that is not occurring in the main thread. Gold and striped means script activity off the main thread. This is typically a worker, though ScriptStreamer can show up too. (ScriptStreamer wasn't really

问题 As I know , personal data always be saved at profile path which can be find at chrome://version. I added many snippets in my Chrome Dev Tool, and want to backup them . But I cann't find a file that snippets data saved in under this path. Does anyone knows ? Plz tell me . Thanks very much! 回答1: As of Chrome 47 (or so), snippets are no longer available via localStorage. Also, natchiketa's answer is dependent on localStorage and also doesn't work any longer. Below is the current technique:

问题 I have a rogue blank <div> getting inserted from somewhere in my code, and it is difficult to find when it is coming in. I am using debugger; and stepping through the code, however, the step function is in the 'Sources' tab of chrome dev tools, and the 'Elements' tab has the view I need. I have two screens, and have the dev tools on one screen and the page on the other, but I need to see when the div is coming through on the HTML as I step through the code, and it is quite cumbersome to

问题 I cannot see the promise Tab in Chrome Devtools, as in the SS 1 below, Could anyone help me in bringing that one in normal chrome not in canary. Thanks in advance for any help. My Dev tool looks like the one in SS2. 回答1: Beware! As of April 2016, They have decided to remove the Promise Inspector experiment from Dev Tools, according to this commit. until then Go to chrome://flags and enable Developer Tools experiments . Relaunch Chrome. Then open dev tools Go to settings -> experiments check

问题 My question relates to Chrome Developer Tools. This is my workflow day in day out: I edit Shopify themes. I edit the CSS on a page using the DOM inspector in Chrome Developer Tools. For each tiny edit I am happy with, I need to click on the stylesheet, copy and paste the entire CSS rule that I updated, paste the resulting CSS rule at the bottom of the theme stylesheet after the comment /* Added by Caroline */ , remove the CSS properties I did not edit, and repeat for every CSS bit I edit. In