監控來源中的變數
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Chrome 開發人員工具可讓您輕鬆查看應用程式中的多個變數。觀察來源中的變數,可讓您離開控制台並專注於改善程式碼。
「來源」面板可讓您觀察應用程式中的變數。這位於偵錯工具側欄的「觀看」部分。只要利用這項功能,您就不需要將物件重複記錄到控制台。

新增變數
如要將變數新增至觀察清單,請使用章節標題右側的新增圖示。這會開啟內嵌輸入內容,讓您提供要監控的變數名稱。填入值後,按下 Enter 鍵將該項目加入清單。

觀察工具會在新增變數時顯示該變數目前的值。如果未設定或找不到變數,就會顯示「 值」。

更新變數
隨著應用程式持續運作,變數值可能會改變。除非您逐步完成執行作業,否則觀察清單並不是變數的即時檢視畫面。使用中斷點逐步執行執行作業時,觀察的值會自動更新。如要手動重新檢查清單中的變數,請按下區段標題右側的重新整理按鈕。

隨著重新整理的要求,系統會重新檢查目前的應用程式狀態。每個觀察項目都會更新為目前的值。

移除變數
如要盡可能減少要查看的項目,可加快工作速度,建議您從觀察清單中移除變數。做法是將滑鼠遊標懸停在變數上,然後按一下右側顯示的移除圖示。

除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2016-02-11 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2016-02-11 (世界標準時間)。"],[],[]]