시작하기 섹션을 읽은 후 이 가이드를 확장 프로그램 구성요소, 기능, 조합 방법의 개요로 사용하세요. 먼저 확장 프로그램이 할 수 있는 작업을 숙지하세요. 그런 다음 확장 프로그램 핵심 개념 섹션을 사용하여 이러한 기능을 결합하는 방법을 알아보세요.

사용자 인터페이스 디자인

대부분의 확장 프로그램이 작동하려면 일종의 사용자 상호작용이 필요합니다. 확장 프로그램 플랫폼은 확장 프로그램에 상호작용을 추가하는 다양한 방법을 제공합니다. 이러한 메서드에는 Chrome 툴바, 측면 패널, 컨텍스트 메뉴 등에서 실행된 팝업이 포함됩니다.
chrome.sidePanel API를 사용하여 브라우저의 측면 패널에 웹페이지의 기본 콘텐츠와 함께 콘텐츠를 호스팅합니다.
툴바에서 확장 프로그램 아이콘의 표시를 관리합니다.
Google 크롬의 컨텍스트 메뉴에 항목을 추가합니다.
더보기

브라우저 제어

Chrome의 확장 프로그램 API를 사용하면 브라우저의 작동 방식을 변경할 수 있습니다.
설정 재정의는 확장 프로그램이 선택된 Chrome 설정을 재정의하는 방법입니다. 또한 확장 프로그램은 HTML 페이지 재정의를 사용하여 Chrome에서 일반적으로 제공하는 페이지를 대체할 수 있습니다. 확장 프로그램은 북마크 관리자, 기록 탭 또는 새 탭을 재정의할 수 있습니다.
DevTools 확장 프로그램은 확장 프로그램에 추가된 DevTools 페이지를 통해 DevTools 전용 확장 프로그램 API에 액세스하여 Chrome DevTools에 기능을 추가합니다. chrome.debugger API를 사용하여 Chrome의 원격 디버깅 프로토콜을 호출할 수도 있습니다. 하나 이상의 탭에 연결하여 네트워크 상호작용을 계측하고 자바스크립트를 디버그하고 DOM을 변경하는 등의 작업을 수행할 수 있습니다.