監控來源中的變數

Chrome 開發人員工具可讓您輕鬆查看應用程式中的多個變數。您可以透過「來源」中的變數監控工具，不必使用主控台，專注於改善程式碼。

「來源」面板可讓您監控應用程式中的變數。位於偵錯工具側欄的監控區段。只要善用這項功能，您就不需要重複將物件記錄到控制台。

新增變數

如要將變數新增至監控清單，請使用部分標題右側的新增圖示。這麼做會開啟內嵌輸入框，讓您提供要監控的變數名稱。填入後，按下 Enter 鍵，即可將其加入清單。

監控器會在變數加入時顯示其目前值。如果未設定變數或找不到變數，則會顯示 值。

更新變數

變數值可能會隨著應用程式持續運作而變更。除非您正在逐步執行，否則觀察清單並非變數的即時檢視畫面。使用breakpoints逐步執行時，系統會自動更新觀察的值。如要手動重新檢查清單中的變數，請按一下專區標題右側的重新整理按鈕。

系統會在要求重新整理時，再次檢查目前的應用程式狀態。系統會使用目前的值更新每個已觀看的項目。

移除變數

為加快工作速度，您可能需要從監控清單中移除變數，以便減少需要查看的內容。方法是將滑鼠游標懸停在變數上，然後點選右側顯示的移除圖示。