chrome.devtools.panels

속성

• onClicked

  Event<functionvoidvoid>

  버튼을 클릭하면 발생합니다.

  onClicked.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    () => void

• update

  void

  버튼의 속성을 업데이트합니다. 인수 중 일부가 생략되거나 null인 경우 해당 속성은 업데이트되지 않습니다.

  update 함수는 다음과 같습니다.

  (iconPath?: string, tooltipText?: string, disabled?: boolean) => {...}

  • iconPath

    문자열 선택사항

    버튼의 새 아이콘 경로입니다.

  • tooltipText

    문자열 선택사항

    사용자가 버튼 위로 마우스를 가져갈 때 도움말로 표시되는 텍스트입니다.

  • 사용 중지됨

    불리언 선택사항

    버튼이 사용 중지되었는지 여부입니다.

속성

• onSelectionChanged

  Event<functionvoidvoid>

  패널에서 객체가 선택될 때 발생합니다.

  onSelectionChanged.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    () => void

• createSidebarPane

  void

  패널의 사이드바 내에 창을 만듭니다.

  createSidebarPane 함수는 다음과 같습니다.

  (title: string, callback?: function) => {...}

  • 제목

    문자열

    사이드바 캡션에 표시되는 텍스트입니다.

  • callback

    함수 선택사항

    callback 매개변수는 다음과 같습니다.

    (result: ExtensionSidebarPane) => void

    • 결과

      ExtensionSidebarPane

      생성된 사이드바 창의 ExtensionSidebarPane 객체입니다.

속성

• onHidden

  Event<functionvoidvoid>

  사용자가 패널에서 전환하면 발생합니다.

  onHidden.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    () => void

• onSearch

  Event<functionvoidvoid>

  검색 작업 (새 검색 시작, 검색 결과 탐색 또는 검색 취소) 시 발생합니다.

  onSearch.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    (action: string, queryString?: string) => void

    • action

      문자열

    • queryString

      문자열 선택사항

• onShown

  Event<functionvoidvoid>

  사용자가 패널로 전환하면 실행됩니다.

  onShown.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    (window: Window) => void

    • 창

      창

• createStatusBarButton

  void

  패널의 상태 표시줄에 버튼을 추가합니다.

  createStatusBarButton 함수는 다음과 같습니다.

  (iconPath: string, tooltipText: string, disabled: boolean) => {...}

  • iconPath

    문자열

    버튼의 아이콘 경로입니다. 파일에는 32x24 아이콘 두 개로 구성된 64x24픽셀 이미지가 포함되어야 합니다. 왼쪽 아이콘은 버튼이 비활성 상태일 때 사용되고 오른쪽 아이콘은 버튼을 누를 때 표시됩니다.

  • tooltipText

    문자열

    사용자가 버튼 위로 마우스를 가져갈 때 도움말로 표시되는 텍스트입니다.

  • 사용 중지됨

    부울

    버튼이 사용 중지되었는지 여부입니다.

  • returns

    버튼

• 표시

  void

  Chrome 140 이상

  해당 탭을 활성화하여 패널을 표시합니다.

  show 함수는 다음과 같습니다.

  () => {...}

속성

• onHidden

  Event<functionvoidvoid>

  사용자가 사이드바 창을 호스팅하는 패널에서 전환하여 사이드바 창이 숨겨지면 발생합니다.

  onHidden.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    () => void

• onShown

  Event<functionvoidvoid>

  사용자가 사이드바를 호스팅하는 패널로 전환하여 사이드바 창이 표시될 때 발생합니다.

  onShown.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    (window: Window) => void

    • 창

      창

• setExpression

  void

  검사된 페이지 내에서 평가되는 표현식을 설정합니다. 결과가 사이드바 창에 표시됩니다.

  setExpression 함수는 다음과 같습니다.

  (expression: string, rootTitle?: string, callback?: function) => {...}

  • 표현식

    문자열

    검사된 페이지의 컨텍스트에서 평가할 표현식입니다. JavaScript 객체와 DOM 노드는 콘솔/감시와 유사한 확장 가능한 트리로 표시됩니다.

  • rootTitle

    문자열 선택사항

    표현식 트리의 루트에 대한 제목(선택사항)입니다.

  • callback

    함수 선택사항

    callback 매개변수는 다음과 같습니다.

    () => void

• setHeight

  void

  사이드바의 높이를 설정합니다.

  setHeight 함수는 다음과 같습니다.

  (height: string) => {...}

  • 높이

    문자열

    CSS와 유사한 크기 사양(예: '100px' 또는 '12ex')

• setObject

  void

  사이드바 창에 표시할 JSON 호환 객체를 설정합니다.

  setObject 함수는 다음과 같습니다.

  (jsonObject: string, rootTitle?: string, callback?: function) => {...}

  • jsonObject

    문자열

    검사된 페이지의 컨텍스트에 표시할 객체입니다. 호출자 (API 클라이언트)의 컨텍스트에서 평가됩니다.

  • rootTitle

    문자열 선택사항

    표현식 트리의 루트에 대한 제목(선택사항)입니다.

  • callback

    함수 선택사항

    callback 매개변수는 다음과 같습니다.

    () => void

• setPage

  void

  사이드바 창에 표시할 HTML 페이지를 설정합니다.

  setPage 함수는 다음과 같습니다.

  (path: string) => {...}

  • 경로

    문자열

    사이드바에 표시할 확장 프로그램 페이지의 상대 경로입니다.

속성

• onSelectionChanged

  Event<functionvoidvoid>

  패널에서 객체가 선택될 때 발생합니다.

  onSelectionChanged.addListener 함수는 다음과 같습니다.

  (callback: function) => {...}

  • callback

    함수

    callback 매개변수는 다음과 같습니다.

    () => void

• createSidebarPane

  void

  패널의 사이드바 내에 창을 만듭니다.

  createSidebarPane 함수는 다음과 같습니다.

  (title: string, callback?: function) => {...}

  • 제목

    문자열

    사이드바 캡션에 표시되는 텍스트입니다.

  • callback

    함수 선택사항

    callback 매개변수는 다음과 같습니다.

    (result: ExtensionSidebarPane) => void

    • 결과

      ExtensionSidebarPane

      생성된 사이드바 창의 ExtensionSidebarPane 객체입니다.

열거형

유형

유형

유형

매개변수

• 제목

  문자열

  개발자 도구 툴바의 확장 프로그램 아이콘 옆에 표시되는 제목입니다.

• iconPath

  문자열

  확장 프로그램 디렉터리를 기준으로 한 패널 아이콘의 경로입니다.

• pagePath

  문자열

  확장 프로그램 디렉터리를 기준으로 하는 패널의 HTML 페이지 경로입니다.

• callback

  함수 선택사항

  callback 매개변수는 다음과 같습니다.

  (panel: ExtensionPanel) => void

  • 패널

    ExtensionPanel

    생성된 패널을 나타내는 ExtensionPanel 객체입니다.

매개변수

• URL

  문자열

  열 리소스의 URL입니다.

• lineNumber

  숫자

  리소스가 로드될 때 스크롤할 줄 번호를 지정합니다.

• columnNumber

  number(숫자) 선택사항

  Chrome 114 이상

  리소스가 로드될 때 스크롤할 열 번호를 지정합니다.

• callback

  함수 선택사항

  callback 매개변수는 다음과 같습니다.

  () => void

매개변수

• callback

  함수 선택사항

  callback 매개변수는 다음과 같습니다.

  (resource: Resource, lineNumber: number) => void

  • 리소스

    리소스

    클릭된 리소스의 devtools.inspectedWindow.Resource 객체입니다.

  • lineNumber

    숫자

    클릭된 리소스 내의 줄 번호를 지정합니다.

매개변수

• callback

  함수 선택사항

  callback 매개변수는 다음과 같습니다.

  (theme: Theme) => void

  • 테마

    테마

    DevTools의 현재 테마입니다.