google-chrome-devtools

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! 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: getting snippets InspectorFrontendHost.getPreferences(_ => console.log(JSON.parse(_.scriptSnippets))) setting

I can't seem to find a way to add a watch expression for the selected JavaScript text in Chrome developer tools, the same way I would in Firebug with Ctrl+W. Is there really no way to do this in Chrome? I can't even right-click the selection as it unselects as soon as I do it, and there is no "Add watch" context menu item. Do I really have to type in every watch I want to add while debugging JS? Or Duan You can do it by clicking ' add to watch ' after right clicking You can also select the expression/variable and hit Ctrl + Shift + A According to Chrome DevTool Docs - Watch variables in

Steps to reproduce I have application bootstrapped from vue-cli with a webpack template. I'm running it on Chrome 65.0.3325.146 but it also exists on 64.X.XXX version. I'm adding here: package.json : https://gist.github.com/marcinlesek/a7e6076ce4befe2e810743fdbaf81480 webpack.base.conf.js : https://gist.github.com/marcinlesek/80cbf27b6ef4172248709f32c257d0cd What is expected? The application should works fine with Chrome Browser and I should be able to disable/change styles in Chrome Dev Tools. What is actually happening? When I change style via Chrome dev tools it broke all styles (after

My problem is the webapp I am working on is pinging the server at short interval so I have many lines coming in Network tab of Chrome developer tools. First problem: Chrome start to be irresponsive and then crash Second problem: I want to remove all the ping request and have only the request I want to monitor. Is there a way to filter XHR request by name or pattern ? Bonus : same question apply for Firebug In this screenshot I wish to filter our all 'bind' requests. Thanks This feature was added in September 2012: https://code.google.com/p/chromium/issues/detail?id=117702#c4 Cmd/Ctr-F to

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 switch tabs after each click. Is there any way to accomplish this view to troubleshoot faster (maybe a

Using Chrome Browser DevTools I wanted to add a custom device in the Emulated devices tab . You can choose several options such as the width and height. And also choose between: Mobile Mobile (no touch) Desktop Desktop (touch) So the difference between Mobile and Desktop doesn't seem to be the touch events . Is a device of 1000*1000px screen size Mobile (no touch) and a device of 1000*1000px screen size Desktop the same? Or a device of 1000*1000px screen size Mobile and a device of 1000*1000px screen size Desktop (touch) the same? So my question is: What is the difference between Desktop and

I'd like to know if there is a way in javascript to retrieve console history. What I mean by console history is what appears in the dev tools console. For instance, I'd like to print in a html page all errors, warnings, info and log that are displayed in my dev tools without opening them. Let me know if I'm not clear. Chrome extensions had an API for that, experimental.devtools.console : chrome.experimental.devtools.console.getMessages(function(messages) { }) This API has been removed. I wrote a simple cross-browser library for this, called console.history . It's available on GitHub: https:/