元素选项卡
此选项卡显示活动浏览器页面的实际 HTML 源代码和 HTML DOM 结构。 使用此选项卡监控通过浏览器对页面所做的更改。
要显示该选项卡
按照 从 JetBrains Marketplace 安装插件 中的说明，在 设置 | 插件 页面、选项卡 市场 上安装 Live Edit 插件。
通过在 实时编辑 页面上选择 在 Chrome 中更新应用程序以反映更改 复选框来激活 Live Edit 功能。 有关更多信息，请参阅 HTML、CSS 和 JavaScript 中的 Live Edit。
结构、文本和脚本窗格
该选项卡由三个窗格组成： 结构、 文本 和 脚本。
结构 窗格显示当前在浏览器中活动页面的 HTML DOM 结构。 该结构会根据页面上的更改动态更新。
文本 窗格显示当前在浏览器中活动页面的 HTML 源代码。 代码会根据页面上的更改动态更新。
脚本 窗格显示已执行脚本的树状结构。
结构 和 文本 窗格是相互同步的。 当您点击 DOM 结构中的一个节点时，DataSpell 将滚动浏览 文本 面板的内容。 窗格也与浏览器同步：只要您在 DOM 结构中或在 文本 窗格中点击一个节点，DataSpell 就会在浏览器中高亮显示相应的元素。
最后修改日期： 2025年 9月 27日