javascript - 在 Chrome DevTools 中同时查看元素和源

标签 javascript google-chrome debugging devtools

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

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

最佳答案

是的,您可以根据自己的意愿重新定位不同的标签。您可以右键单击“来源”选项卡,然后将其移至底部。

Elements and Sources tabs

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

关于javascript - 在 Chrome DevTools 中同时查看元素和源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64969732/

相关文章:

macos - 我必须以某种方式输入 https ://explicitly when chrome returns ERR_EMPTY_RESPONSE

Java 调试器有时看不到变量(通常在匿名内部类中)

c# - 错误 CS0103 : The name does not exist in the current context when debugging referenced project

ios - Xcode 突然停止调试应用程序

javascript - 为什么数据表在我的表格顶部添加行?

javascript - 如何在 VueJS 0.11 中将 bool 变量输出为 "yes/no"?

javascript - 元素背面没有鼠标事件

javascript - WebRTC:Firefox 无法作为调用者接收视频

c# - 如何重新打开纯 CSS3 模态对话框

javascript - jqgrid + 树网格 + 子网格