在计算机之间导入/导出 Chrome devtools 断点和设置

Question

引用最初的想法：

我遇到了一个问题，我需要将我所有的调试器断点分享给我的同事，以便在他的最后调试问题。因此考虑实施诸如从一个系统导出调试器点并在另一系统导入之类的东西。

由于 devtools 不提供内置的导入/导出功能，还有其他方法吗？

Answer 1

使用 devtools-on-devtools：

1. 打开devtools并将其Dock side在菜单中切换到分离（浮动）窗口

   

2. 在现在分离的 devtools 按CtrlShifti或?Shifti在 MacOS 上，
   这将在新窗口中打开devtools-on-devtools

界面方法：

3. 在这个新窗口中切换到Application选项卡，展开Local Storage，然后devtools://devtools在左侧
4. 双击breakpoints右侧的值并复制粘贴
5. 现在在目标计算机上执行相同操作，然后重新打开主 devtools 窗口。

控制台方法（如果值太长特别有用）：

3. copy(localStorage.breakpoints)在源计算机上的 devtools-on-devtools 控制台中运行以将值复制到剪贴板
4. localStorage.breakpoints=prompt()在目标计算机上运行
   （提示将出现在主 devtools 窗口中）。

导出所有内容的控制台方法：

3. copy(JSON.stringify(localStorage))在源计算机上的 devtools-on-devtools 控制台中运行以将值复制到剪贴板
4. Object.assign(localStorage, JSON.parse(prompt()))在目标计算机上运行
   （提示将出现在主 devtools 窗口中）。

PS 下次您可以通过按快速切换 devtools 的分离状态 CtrlShiftD