跳到主內容

使用除錯控制檯

瞭解如何使用 DevTools 控制檯。

DevTools 除錯控制檯允許您觀察應用程式的標準輸出 (stdout),評估暫停或正在執行的應用程式在除錯模式下的表示式,以及分析物件傳入和傳出的引用。

除錯控制檯可從 檢查器偵錯程式記憶體 檢視訪問。

觀察應用程式輸出

#

控制檯顯示應用程式的標準輸出 (stdout)

Screenshot of stdout in Console view

探索檢查的小部件

#

如果您在 檢查器 螢幕上點選一個部件,則該部件的變數將在 控制檯 中顯示

Screenshot of inspected widget in Console view

評估表示式

#

在控制檯中,您可以評估暫停或正在執行的應用程式的表示式,前提是您正在除錯模式下執行應用程式

Screenshot showing evaluating an expression in the console

要將評估的物件分配給變數,請使用 $0$1(到 $5)的形式,例如 var x = $0

Screenshot showing how to evaluate variables

瀏覽堆快照

#

要從堆快照中將變數丟棄到控制檯,請執行以下操作

  1. 導航至 Devtools > 記憶體 > 差異快照
  2. 記錄記憶體堆快照。
  3. 點選上下文選單 [⋮] 以檢視所需 例項 數量。
  4. 選擇是將單個例項儲存為控制檯變數,還是儲存應用程式中所有當前存活的例項。

Screenshot showing how to browse the heap snapshots

控制檯螢幕顯示即時和靜態的傳入和傳出引用,以及欄位值

Screenshot showing inbound and outbound references in Console