Chrome 開發人員工具可讓您輕鬆查看應用程式中的多個變數。您可以透過「來源」中的變數監控工具,不必使用主控台,專注於改善程式碼。
「來源」面板可讓您監控應用程式中的變數。位於偵錯工具側欄的監控區段。只要善用這項功能,您就不需要重複將物件記錄到控制台。
新增變數
如要將變數新增至監控清單,請使用部分標題右側的新增圖示。這麼做會開啟內嵌輸入框,讓您提供要監控的變數名稱。填入後,按下 Enter 鍵,即可將其加入清單。
監控器會在變數加入時顯示其目前值。如果未設定變數或找不到變數,則會顯示
更新變數
變數值可能會隨著應用程式持續運作而變更。除非您正在逐步執行,否則觀察清單並非變數的即時檢視畫面。使用breakpoints逐步執行時,系統會自動更新觀察的值。如要手動重新檢查清單中的變數,請按一下專區標題右側的重新整理按鈕。
系統會在要求重新整理時,再次檢查目前的應用程式狀態。系統會使用目前的值更新每個已觀看的項目。
移除變數
為加快工作速度,您可能需要從監控清單中移除變數,以便減少需要查看的內容。方法是將滑鼠游標懸停在變數上,然後點選右側顯示的移除圖示。