javascript - 在 Chrome DevTools 中同时查看 Elements 和 Sources

Question

我发现了多个关于同时查看 Sources 和控制台的问题，而且这样做很容易。当我调试 JS 时，探索元素以查看 HTML 结构并在逐步执行时检查选择器非常有用。

有什么办法可以垂直拆分 DevTool 并同时查看 Elements 和 Sources 吗？如果这是不可能的，那可能是我以错误的方式进行。您通常如何调试 JS 并检查 Chrome 中的选择器？

标签： javascriptgoogle-chromedebuggingdevtools

Answer 1

是的，您可以根据自己的意愿重新定位不同的选项卡。您可以右键单击 Sources 选项卡，然后将其移至底部。

在 Chrome 中打开开发人员工具后，转到 Sources 选项卡，然后按Esc按钮。它在底部启动控制台窗口。