元素选项卡
最后修改时间：2023 年 9 月 5 日此选项卡显示实际的 HTML 源代码和活动浏览器页面的HTML DOM 结构。使用该选项卡可以通过浏览器监视对页面所做的更改。
显示选项卡
在设置 |安装实时编辑插件 插件页面，选项卡Marketplace ，如从 JetBrains Marketplace 安装插件中所述。
通过在实时编辑页面上选中“根据更改在 Chrome 中更新应用程序”复选框来激活实时编辑功能。有关更多信息，请参阅HTML、CSS 和 JavaScript 中的实时编辑。
结构、文本和脚本窗格
该选项卡由三个窗格组成：Structure、Text和Scripts。
Structure窗格显示浏览器中当前活动页面的HTML DOM 结构。该结构根据页面上所做的更改动态更新。
文本窗格显示浏览器中当前活动页面的 HTML 源代码。代码会根据页面上的更改动态更新。
脚本窗格显示已执行脚本的树。
结构和文本窗格相互同步。当您单击 DOM 结构中的节点时，PyCharm 会滚动文本窗格的内容。这些窗格也与浏览器同步：只要您单击 DOM 结构或文本窗格中的节点，PyCharm 就会在浏览器中突出显示相应的元素。
感谢您的反馈意见！
此页面是否有帮助？