說明
使用 chrome.devtools.performance
API 在 DevTools 的「效能」面板中,監聽錄製狀態更新。
如要瞭解如何使用開發人員工具 API,請參閱「開發人員工具 API 摘要」一文。
可用性
Chrome 129 以上版本
概念和用法
chrome.devtools.performance API 可讓開發人員與 Chrome 開發人員工具中「效能」面板的錄製功能互動。您可以使用這個 API,在錄製開始或停止時收到通知。
目前有兩個事件:
- onProfilingStarted:「Performance」面板開始記錄成效資料時,會觸發此事件。
- onProfilingStopped:當「Performance」面板停止記錄成效資料時,會觸發此事件。 將目前堆疊追蹤與 cre 建立關聯的立場 這兩個事件都沒有任何相關聯的參數。
開發人員可藉由監聽這些事件,建立能回應「Performance」(效能) 面板中記錄狀態的擴充功能,以便在剖析效能時提供額外的自動化動作。
範例
以下說明如何使用 API 監聽錄音狀態更新
chrome.devtools.performance.onProfilingStarted.addListener(() => { // Profiling started listener implementation }); chrome.devtools.performance.onProfilingStopped.addListener(() => { // Profiling stopped listener implementation })
活動
onProfilingStarted
chrome.devtools.performance.onProfilingStarted.addListener(
callback: function,
)
在「Performance」面板開始錄製時觸發。
參數
- 回呼
函式
callback
參數如下所示:() => void
onProfilingStopped
chrome.devtools.performance.onProfilingStopped.addListener(
callback: function,
)
「效能」面板停止錄製時觸發。
參數
- 回呼
函式
callback
參數如下所示:() => void