時間軸事件參照

Meggin Kearney
Meggin Kearney
Flavio Copes
Flavio Copes

時間軸事件模式會顯示錄製期間觸發的所有事件。請參閱時間軸事件參考資料，進一步瞭解各個時間軸事件類型。

常見的時間軸事件屬性

某些詳細資料適用於所有事件類型，而有些則僅適用於特定事件類型。本節列出不同事件類型的共同屬性。特定事件類型的專屬屬性會列在後續這些事件類型的參考資料中。

屬性顯示時機
總時間如果事件含有巢狀事件，則為各類別事件所需的時間。
呼叫堆疊對於含有子事件的事件，則是各類別事件所需的時間。
CPU 作業時間記錄事件所需的 CPU 時間。
詳細資料事件的其他詳細資料。
時間長度 (在時間戳記時)事件及其所有子項完成所需的時間；時間戳記是事件發生的時間，相對於錄製開始的時間。
本身時間事件發生的時間長度 (不含任何子項)。
已使用的堆積大小事件記錄時應用程式使用的記憶體量，以及自上次取樣後，使用堆積大小的差異 (+/-) 變化。

載入事件

本節會列出屬於 Loading 類別的事件及其屬性。

活動說明
剖析 HTMLChrome 執行 HTML 剖析演算法。
完成載入網路要求已完成。
接收資料我們已收到要求的資料。會有一或多個接收資料事件。
接收回應來自要求的初始 HTTP 回應。
傳送要求已傳送網路要求。

載入事件屬性

屬性說明
資源要求的資源網址。
預覽要求的資源預覽畫面 (僅限圖片)。
要求方法用於要求的 HTTP 方法 (例如 GET 或 POST)。
狀態碼HTTP 回應代碼。
MIME 類型要求的資源 MIME 類型。
已編碼的資料長度所要求資源的長度 (以位元組為單位)。

指令碼事件

本節列出屬於「指令碼」類別的事件及其屬性。

活動說明
已觸發動畫頁框已觸發排定的動畫影格，並叫用其回呼處理常式。
取消動畫頁框已取消排定的動畫頁框。
GC 事件發生垃圾收集。
DOMContentLoaded瀏覽器觸發 DOMContentLoaded。當網頁的所有 DOM 內容都已載入及剖析時，系統會觸發這個事件。
模擬指令碼系統已評估指令碼。
活動JavaScript 事件 (例如「mousedown」或「key」)。
函式呼叫已發出頂層 JavaScript 函式呼叫 (僅會在瀏覽器進入 JavaScript 引擎時出現)。
安裝計時器使用 setInterval() 或 setTimeout() 建立計時器。
要求動畫頁框requestAnimationFrame() 呼叫已排定新的影格
移除計時器已清除先前建立的計時器。
時間名為 console.time() 的指令碼
結束時間一個名為 console.timeEnd() 的指令碼
已觸發計時器使用 setInterval() 或 setTimeout() 排定的計時器觸發事件。
XHR 就緒狀態變更XMLHTTPRequest 的就緒狀態已變更。
XHR 載入XMLHTTPRequest 載入完成。

指令碼事件屬性

屬性說明
計時器 ID計時器 ID。
逾時計時器指定的逾時時間。
重複頻率布林值，指出計時器是否重複。
函式呼叫已叫用的函式。

算繪事件

本節會列出屬於「算圖」類別的事件及其屬性。

活動說明
使版面配置失效DOM 變更導致頁面版面配置失效。
版面配置執行網頁版面配置。
重新計算樣式Chrome 重新計算元素樣式。
捲動巢狀檢視畫面中的內容已捲動。

算繪事件屬性

屬性說明
版面配置失效如為版面配置記錄，則為導致版面配置失效的程式碼堆疊追蹤記錄。
需要版面配置的節點針對版面配置記錄，在重新版面配置開始前，標示為需要版面配置的節點數量。這些通常是開發人員程式碼已判定無效的節點，以及向上至重新版面配置根節點的路徑。
版面配置樹狀結構大小對於版面配置記錄，則是重新版面配置根節點 (Chrome 啟動重新版面配置的節點) 下的節點總數。
版面配置範圍可能的值包括「部分」(重新版面配置邊界是 DOM 的一部分) 或「整份文件」。
受影響的元素針對「重新計算樣式」記錄，是指受樣式重新計算作業影響的元素數量。
樣式無效針對「Recalculate style」記錄，提供導致樣式失效的程式碼堆疊追蹤。

繪圖事件

本節會列出屬於「繪圖」類別的事件及其屬性。

活動說明
複合圖層Chrome 轉譯引擎合成的圖層。
圖片解碼已解碼圖片資源。
調整圖片大小圖片的大小已從原始尺寸調整。
油漆合成的圖層會繪製到螢幕的某個區域。將滑鼠游標懸停在 Paint 記錄上，畫面上會醒目顯示更新的區域。

繪圖事件屬性

屬性說明
位置針對 Paint 事件，為繪圖矩形的 x 和 y 座標。
尺寸對於 Paint 事件，是繪製區域的高度和寬度。