時間軸事件參照

Meggin Kearney

Flavio Copes

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

常見的時間軸事件屬性

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

屬性	何時顯示
匯總時間	如果是含有巢狀事件的事件，則為各個事件類別所需的時間。
呼叫堆疊	如果事件包含子事件，則每個事件類別耗用的時間。
CPU 作業時間	記錄事件花費的 CPU 時間。
詳細說明	活動的其他詳細資料。
時間長度 (時間戳記)	完成事件讓所有子項完成所需的時間；時間戳記是指事件發生的時間 (相對於錄製開始的時間)。
自我時間	事件發生時間，且未納入任何子項。
已使用的堆積大小	記錄事件時應用程式使用的記憶體量，以及自上次取樣以來，已使用的堆積大小變化 (+/-) 變化。

正在載入事件

此部分列出屬於「載入中」類別的事件及其屬性。

活動	說明
剖析 HTML	Chrome 執行 HTML 剖析演算法。
完成載入作業	已完成網路要求。
接收資料	已收到要求的資料。將有一或多個「接收資料」事件。
接收回應	要求中的初始 HTTP 回應。
提出要求	網路要求已送出。

正在載入事件屬性

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

指令碼事件

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

活動	說明
已觸發動畫頁框	已觸發排定的動畫頁框，並叫用其回呼處理常式。
取消動畫頁框	已取消排定的動畫頁框。
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 啟動版面配置的節點) 下的節點總數。
版面配置範圍	可能的值包括「Partial」(重新版面配置邊界是 DOM 的一部分) 或「Whole document」(整份文件)。
受影響的元素	用於重新計算樣式記錄，會使用受到重新計算樣式影響的元素數量。
樣式已失效	如要重新計算樣式記錄，請提供造成樣式失效的程式碼堆疊追蹤。

繪畫活動

此部分會列出屬於「繪畫類別」及其屬性的事件。

活動	說明
複合圖層	Chrome 的轉譯引擎合成圖片圖層。
圖片解碼	圖片資源已解碼。
調整圖片大小	已將圖片從原生尺寸調整大小。
塗料	合成圖層已繪製至螢幕的區域。將滑鼠遊標懸停在畫筆記錄上，即可醒目顯示已更新的螢幕區域。

繪製事件屬性

屬性	說明
位置	如果是顏料事件，則繪製矩形的 x 和 y 座標。
尺寸	如果是顏料事件，則為繪製區域的高度和寬度。