通過HTML，CSS和Javascript追蹤代碼執行情況

有無論如何我可以跟蹤/查看網站在html，css和javascript上處理的確切順序？通過HTML，CSS和Javascript追蹤代碼執行情況

我有一個函數在第一遍時沒有觸發，我很確定它與執行的順序有關。但是，這將是非常豐富的，看到他們處理（緩慢）的個別步驟

感謝您的任何建議。

不知道我非常理解這個問題，看起來您正在尋找的是瀏覽器的開發人員工具。（例如[Chrome]（https://developers.google.com/chrome-developer-tools/）。每個瀏覽器都有它們，並且它們都有一個Javascript調試器。） – millimoose

您使用的瀏覽器是什麼？特別是谷歌瀏覽器爲此提供了一套完善的內置工具。 – Brad

如果問題出在JavaScript上，我們可能會幫助您發佈頁面的源代碼。 – kevin628

聽起來好像您要在代碼中設置breakpoints，然後遍歷執行路徑。

腳本個

Chrome開發人員工具的官方文檔也可以在這裏找到：https://developers.google.com/chrome-developer-tools/docs/scripts

一旦你打到想要的斷點（這可能僅僅是腳本的第一行），在「走進下一個函數調用」的點擊（它看起來像一個向下的箭頭，指向Chrome屏幕底部窗格右上部分的一個點）按鈕。

Screenshot of Chrome Script Debugger

這些問題應該有所幫助：

2012-06-15 21:34:06

非常感謝！那很完美。 –

在Chrome中，使用開發者工具欄。按下鍵盤鍵：F12。

2012-06-15 21:11:27 user278064

在您的JS中放置一個alert(1);或console.log(2)，看看會發生什麼。如果您使用Firefox啓動並打開其Web控制檯，並查看是否有任何錯誤。 Ctrl+Shift-K打開Web控制檯。

2012-06-15 21:16:54

按F12或Ctrl + Shift-K爲開發人員工具，它幾乎可以在任何瀏覽器中工作。您將調試您的代碼並使用CONSOL

2012-06-15 21:27:22 Rab

回答