Import and Export Debugger Points in chorme dev tools

[chetan wadhwa]

Hi All,

I came across a problem where I need to share all my debugger points to my colleague to debug the issue at his end. So thought of implementing something like export the debugger points from one system and import at other system.

I check on the chrome dev tools section but couldn't find much information regarding it. I need two things to check the feasibility of the feature:

1. Is there any API which give you all the debugger points from source tab ?

2. How can I apply the debugger points information in the source tab programmatically ?

[wOxxOm]

Use devtools-on-devtools to copy/paste the saved breakpoints:

1. open devtools and switch its "Dock side" in the menu to a detached (floating) window
2. in devtools window press Ctrl-Shift-i (or Cmd-Shift-i) to open devtools-on-devtools in a new window
3. in this new window switch to Application tab, expand Local Storage, then devtools://devtools on the left
   
4. double-click the breakpoints value and copypaste it

Now do the same on the target computer and reopen the main devtools window afterwards.

P.S. if the value is too long you can run copy(localStorage.breakpoints) in devtools-on-devtools console

[wOxxOm]

typo: MacOS shortcut is Cmd-Option-i

[chetan wadhwa]

Hi wOxxOm,

Thanks for the detailed information.

But how can I Get and Set those breakpoints list by code in normal devtool ?

As I want build an extension for that, so breakpoint list should be accessible inside normal devtool.

[wOxxOm]

Extensions can't access this data.

An alternative solution may be to use chrome.debugger API and some of the commands/events in https://chromedevtools.github.io/devtools-protocol/1-3/Debugger

It may be also possible to write a separate utility that copies the internal LevelDB storage for devtools.

Anyway, these are complicated things so I can't help you with that, look for more info yourself.