Firebug中HTML和脚本的区别

我正在浏览一个网页，在谷歌上搜索如何找到页面信息

我安装了Firebug，在那里我发现了两件事。第一个是HTML选项，第二个是脚本选项

这两件事有什么区别？当我查看页面源代码时，它与Firebug中显示的脚本内容完全匹配。那么HTML选项中显示的代码是什么？

这些“选项”实际上称为“面板”

HTML面板允许您检查和更改页面的HTML结构。它是页面上显示内容的实时视图，为您提供与所选HTML元素相关的不同信息，如应用CSS或其DOM属性。您可以在此处阅读有关HTML面板的更多信息：

相反，当从服务器请求页面时，通过页面的上下文菜单选项View Source获得的代码只是代码的静态视图

脚本面板用于JavaScript调试。它允许您设置断点以在断点处停止脚本执行。脚本停止时，可以查看堆栈跟踪和当前堆栈帧中可用的变量。您可以在此处阅读有关脚本面板的更多信息：

---

HTML面板显示页面的生成源。此内容可能与查看页面源时看到的内容不同。此页面显示页面的DOM。脚本面板用于调试生成DOM的javaScript。您可以在脚本面板的右侧窗格中设置断点并查看调用堆栈。而HTML块的右侧面板显示了用于设置DOM元素样式的CSS规则