在计算机之间导入/导出Chrome开发工具断点和设置

Question

引用原始想法:

我遇到了一个问题，需要共享所有调试器断点给我的同事，在他的电脑上调试问题。所以想实现从一台系统导出调试器断点并在另一台系统上导入的功能。

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

- wOxxOm

Answer 1

使用 devtools-on-devtools：

1. 打开 devtools 并在菜单中切换其 Dock side 为一个独立的（浮动的）窗口。

   

2. 在现在独立的开发工具中按下 CtrlShifti 或 MacOS 上的 ⌘⌥i，
   它将在一个新窗口中打开 devtools-on-devtools

UI 方法：

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

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

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

   P.S.下次您可以通过按下CtrlShiftD快速切换devtools的分离状态。

- wOxxOm

---

哇..谢谢..这应该在主流新闻中传播.. - Krishna

最好是在开发工具的用户界面中添加导出/导入功能。 - wOxxOm

是的.. 正是如此.. 我因为添加了大量断点而遭受苦难.. 这会对我有很大帮助。 我很高兴在我的早期职业生涯中（类似的:))发现它.. 再次感谢老兄.. - Krishna

对我来说，Cmd+Shift+i 没有任何作用。有没有其他打开 devtools-on-devtools 的方法？ - azizj

这是 cmd-option-i。 - wOxxOm