Firebug中的HTML和腳本之間的區別

Question

我正在瀏覽網頁並搜索Google如何找到頁面信息。

我安裝了Firebug，在那裏我發現了兩件事。第一個是HTML選項，第二個是Script選項。

這兩件事有什麼區別？當我查看頁面源時，它與Firebug中顯示的腳本內容完全匹配。那麼HTML選項中顯示的代碼是什麼？

Answer 1

這些「選項」實際上被稱爲「面板」。

HTML面板允許您檢查和更改頁面的HTML結構。它是實時查看頁面上顯示的內容，併爲您提供與所選HTML元素相關的不同信息，例如應用CSS或其DOM屬性。你可以閱讀更多關於HTML面板位置：

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

在相反你通過頁面的上下文菜單選項查看源代碼獲取代碼僅僅是代碼的靜態視圖請求頁面時從服務器。

腳本面板用於JavaScript調試。它允許您設置斷點來停止腳本執行。腳本暫停時，您可以查看堆棧跟蹤和當前堆棧幀中可用的變量。你可以閱讀更多關於腳本這裏面板：

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

Answer 2

HTML面板顯示你的頁面生成的源。此內容可能與您在查看頁面的源代碼時看到的內容不同。本頁面顯示了頁面的DOM。腳本面板是用來調試生成DOM的javaScript的東西。您可以在「腳本」面板的右側窗格中設置中斷點並查看調用堆棧。而HTML塊的右側面板則顯示了用於設置DOM元素樣式的CSS規則。