單步執行程式碼

一旦你在斷點處暫停執行,你可能希望逐行執行以觀察發生的情況。開啟瀏覽器的開發人員工具 ,查詢執行控制圖示。 (此示例使用 Google Chrome 中的圖示,但在其他瀏覽器中它們會相似。)

StackOverflow 文件 恢復: 取消暫停執行。Shorcut :( F8 Chrome,Firefox)

StackOverflow 文件 跳過: 執行下一行程式碼。如果該行包含函式呼叫,則執行整個函式並移至下一行,而不是跳轉到定義函式的任何位置。快捷方式:( F10 Chrome,Firefox,IE / Edge),F6 (Safari)

StackOverflow 文件 單步執行: 執行下一行程式碼。如果該行包含函式呼叫,則跳轉到該函式並在那裡暫停。快捷方式:( F11 Chrome,Firefox,IE / Edge),F7 (Safari)

StackOverflow 文件 Step Out: 執行當前函式的其餘部分,跳回到呼叫函式的位置,然後在那裡的下一個語句處暫停。快捷方式: Shift + F11 (Chrome,Firefox,IE / Edge),F8 (Safari)

將它們與呼叫堆疊結合使用,它將告訴你當前所在的函式,呼叫該函式的函式,等等。

有關更多詳細資訊和建議,請參閱 Google 關於 如何逐步執行程式碼 的指南。

瀏覽器快捷鍵文件的連結: