如何使用代码打开chrome devtools，例如codeSandbox的调试器功能

Question

https://codesandbox.io/p/sandbox/swiper-react-autoplay-forked-4hf362?file=%2Fsrc%2FApp.jsx%3A1%2C1

像这个按钮打开开发者工具，太神奇了。是怎么做到的？

Answer 1

他们正在使用名为 chobitsu 的东西，它是“Chrome devtools 协议 JavaScript 实现”。

来自同一作者，有一个名为 eruda 的不错的小项目，它被标记为“移动浏览器控制台”，但它是 replit 所说的他们使用的。

最后，同一位作者又推出了另一个名为 chii 的项目，该项目被标记为“远程调试工具”。

我想这完全取决于您的用例？