확장 프로그램이란 탐색 환경을 맞춤설정할 수 있는 간단한 소프트웨어입니다. 사용자는 이러한 확장 프로그램을 사용해 자신의 필요 및 선호도에 맞게 Chrome 기능과 동작을 조정할 수 있습니다. 확장 프로그램은 HTML, JavaScript, CSS와 같은 웹 기술을 기반으로 빌드됩니다.
확장 프로그램은 좁게 정의되고 이해하기 쉬운 단일 목적을 충족해야 합니다. 단일 확장 프로그램은 모든 것이 공통된 목적에 기여하는 한 여러 구성요소와 다양한 기능을 포함할 수 있습니다.
사용자 인터페이스는 최소화되어야 하며 의도가 있어야 합니다. 위의 Google Mail Checker 확장 프로그램과 같은 간단한 아이콘부터 전체 페이지 재정의까지 다양합니다.
확장 프로그램 파일은 사용자가 다운로드하여 설치하는 단일 .crx 패키지로 압축됩니다. 즉, 확장 프로그램은 일반 웹 앱과 달리 웹의 콘텐츠에 의존하지 않습니다.
확장 프로그램은 Chrome 개발자 대시보드를 통해 배포되고 Chrome 웹 스토어에 게시됩니다. 자세한 내용은 스토어 개발자 문서를 참고하세요.
Hello 확장 프로그램
이 간단한 Hello 확장 프로그램 예시를 통해 확장 프로그램을 시작해 보세요. 먼저 확장 프로그램의 파일을 저장할 새 디렉터리를 만들거나 샘플 페이지에서 다운로드합니다.
다음으로 manifest.json이라는 파일을 추가하고 다음 코드를 포함합니다.
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
모든 확장 프로그램에는 매니페스트가 필요하지만 대부분의 확장 프로그램은 매니페스트만으로는 많은 작업을 수행하지 않습니다.
이 빠른 시작에서 확장 프로그램에는
browser_action 필드 아래에 선언된 팝업 파일과 아이콘이 있습니다.
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
여기에서 hello_extensions.png를 다운로드한 다음 hello.html이라는 파일을 만듭니다.
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
이제 아이콘을 클릭하면 확장 프로그램에 hello.html이 표시됩니다. 다음 단계는 키보드 단축키를 사용 설정하는 명령어를 manifest.json에 포함하는 것입니다. 이 단계는 재미있지만 필수는 아닙니다.
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
마지막 단계는 로컬 머신에 확장 프로그램을 설치하는 것입니다.
- 브라우저에서
chrome://extensions로 이동합니다. 옴니박스의 오른쪽 상단에 있는 Chrome 메뉴를 클릭하고 도구 더보기 위로 마우스를 가져간 다음 확장 프로그램 을 선택하여 이 페이지에 액세스할 수도 있습니다. - 개발자 모드 옆의 체크박스를 선택합니다.
- 압축 해제된 확장 프로그램 로드 를 클릭하고 'Hello 확장 프로그램' 확장 프로그램의 디렉터리를 선택합니다.
축하합니다. 이제 hello_extensions.png 아이콘을 클릭하거나 키보드에서 Ctrl+Shift+F를 눌러 팝업 기반 확장 프로그램을 사용할 수 있습니다.
다음 단계
- 시작하기 튜토리얼 따라하기
- 개요 읽기
- Chromium 블로그를 읽고 최신 소식 확인하기
- chromium-extensions 그룹 구독하기