時間軸事件參照

梅金凱尼
Meggin Kearney
費拉維奧.科佩斯 (Flavio Copes)
Flavio Copes

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

常見的時間軸事件屬性

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

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

正在載入事件

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

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

正在載入事件屬性

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

指令碼事件

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

活動說明
已觸發動畫頁框已觸發排定的動畫頁框,並叫用其回呼處理常式。
取消動畫頁框已取消排定的動畫頁框。
GC 事件發生垃圾收集。
DOMContentLoadedDOMContentLoaded 是由瀏覽器觸發。載入並剖析網頁所有的 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 座標。
尺寸如果是顏料事件,則為繪製區域的高度和寬度。