설명
chrome.devtools.recorder
API를 사용하여 DevTools에서 Recorder 패널을 맞춤설정합니다.
Developer Tools API 사용에 관한 일반적인 소개는 DevTools API 요약을 참조하세요.
가용성
개념 및 사용법
chrome.devtools.performance API를 사용하면 개발자가 Chrome DevTools의 Performance 패널 패널의 기록 기능과 상호작용할 수 있습니다. 이 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
})
유형
RecorderExtensionPlugin
녹음기 패널을 맞춤설정하기 위해 녹음기 패널에서 호출하는 플러그인 인터페이스입니다.
속성
-
다시보기
void
Chrome 112 이상 를 통해 개인정보처리방침을 정의할 수 있습니다.확장 프로그램이 맞춤 재생 기능을 구현하도록 허용합니다.
replay
함수는 다음과 같습니다.(recording: object) => {...}
-
녹화
객체
사용자와 페이지 간의 상호작용을 녹화한 것입니다. 이는 Puppeteer의 녹음 스키마와 일치해야 합니다.
-
-
stringify
void
녹음기 패널 형식의 녹음 파일을 문자열로 변환합니다.
stringify
함수는 다음과 같습니다.(recording: object) => {...}
-
녹화
객체
사용자와 페이지 간의 상호작용을 녹화한 것입니다. 이는 Puppeteer의 녹음 스키마와 일치해야 합니다.
-
-
stringifyStep
void
녹음기 패널 형식의 녹음 단계를 문자열로 변환합니다.
stringifyStep
함수는 다음과 같습니다.(step: object) => {...}
-
단계
객체
사용자와 페이지의 상호작용을 기록하는 단계입니다. 이는 Puppeteer의 단계 스키마와 일치해야 합니다.
-
RecorderView
Recorder 패널 내에 삽입될 확장 프로그램으로 생성된 뷰를 나타냅니다.
속성
-
onHidden
이벤트<functionvoid>
뷰가 숨겨지면 실행됩니다.
onHidden.addListener
함수는 다음과 같습니다.(callback: function) => {...}
-
콜백
함수
callback
매개변수는 다음과 같습니다.() => void
-
-
onShown
이벤트<functionvoid>
뷰가 표시될 때 실행됩니다.
onShown.addListener
함수는 다음과 같습니다.(callback: function) => {...}
-
콜백
함수
callback
매개변수는 다음과 같습니다.() => void
-
-
표시
void
확장 프로그램이 Recorder 패널에 이 뷰를 표시하려고 함을 나타냅니다.
show
함수는 다음과 같습니다.() => {...}
메서드
createView()
chrome.devtools.recorder.createView(
title: string,
pagePath: string,
)
재생을 처리할 수 있는 뷰를 만듭니다. 이 뷰는 Recorder 패널 내에 삽입됩니다.
매개변수
-
제목
문자열
개발자 도구 툴바의 확장 프로그램 아이콘 옆에 표시되는 제목
-
pagePath
문자열
확장 프로그램 디렉터리를 기준으로 한 패널의 HTML 페이지 경로입니다.
반환 값
registerRecorderExtensionPlugin()
chrome.devtools.recorder.registerRecorderExtensionPlugin(
plugin: RecorderExtensionPlugin,
name: string,
mediaType: string,
)
녹음기 확장 프로그램 플러그인을 등록합니다.
매개변수
-
plugin
RecorderExtensionPlugin 인터페이스를 구현하는 인스턴스
-
이름
문자열
플러그인의 이름입니다.
-
mediaType
문자열
플러그인이 생성하는 문자열 콘텐츠의 미디어 유형입니다.