時間軸事件參照
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
時間軸事件模式會顯示錄製期間觸發的所有事件。請參閱時間軸事件參考資料,進一步瞭解各種時間軸事件類型。
常見的時間軸事件屬性
有些詳細資料會出現在所有類型的事件中,而有些則僅適用於特定事件類型。本節列出不同事件類型常見的屬性。下方這些事件類型的參考資料會列出特定事件類型專用的屬性。
屬性 | 何時顯示 |
---|
匯總時間 | 如果是含有巢狀事件的事件,則為各個事件類別所需的時間。 |
呼叫堆疊 | 如果事件包含子事件,則每個事件類別耗用的時間。 |
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 座標。 |
尺寸 | 如果是顏料事件,則為繪製區域的高度和寬度。 |
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2015-04-13 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{
"last_modified": "上次更新時間:2015-04-13 (世界標準時間)。",
"state": ""
}