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