响应式多面板开发工具视图

Question

嗨，我想知道是否有任何方法可以打开多个面板，而不是只打开一个带有 google chrome 开发工具的面板。

这就是我想要达到的目标

--------------------------------|
localhost: 0000                 |
--------------------------------| Dev tools stuff
      |         |             | |
Panel | Another | And another | |
                                |

对于获得这种开发工具视图的扩展、库和其他方法的任何建议，我将不胜感激。谢谢！

Answer 1

不幸的是，Google Chrome DevTools 一次只支持一个面板，并且无法在同一个 DevTools 窗口中同时打开多个面板。

但是，您可以尝试一些解决方法：

1. 使用多个窗口：您可以在单独的窗口中打开 DevTools 的多个实例，每个窗口都有自己的面板。为此，请右键单击 DevTools 图标并选择“在新窗口中显示 DevTools”。然后，您可以打开其他 DevTools 窗口并根据需要排列它们。
2. 使用 DevTools Workspaces：DevTools Workspaces 允许您将本地文件映射到网络资源并直接在 DevTools 中编辑它们。通过这样做，您可以同时打开多个文件并使用源面板在它们之间切换。要设置工作区，请打开 DevTools，转到“源”面板，然后单击“将文件夹添加到工作区”按钮。
3. 使用第三方扩展：有几个第三方扩展可用，允许您将 DevTools 窗口拆分为多个面板。但是，这些扩展可能不如内置的 DevTools 稳定或可靠。可以尝试的一些流行扩展包括“DevTools Split”和“DevTools Side Tabs”。

希望对您有所帮助！

Answer 2

您在演奏所有作品时的丰富知识和友善非常有用。我不知道如果我没有遇到这样的一步我会怎么做。

https://begincodedisney.com/