Firebug中HTML和脚本之间的区别

时间:2014-03-07 14:19:28

标签: html firebug

我正在浏览网页并搜索Google如何查找网页信息。

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

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

2 个答案:

答案 0 :(得分:0)

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

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

https://getfirebug.com/wiki/index.php/HTML_Panel

相反,通过页面的上下文菜单选项查看源获得的代码只是从服务器请求页面时代码的静态视图。

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

https://getfirebug.com/wiki/index.php/Script_Panel

答案 1 :(得分:0)

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