반응형
1. 크롬 확장 프로그램(Chrome Extensions)
- 확장 프로그램은 HTML, CSS, JavaScript로 만든다.
- 한 가지 목적으로 이해하기 쉬워야 한다. 예) 구글 메일 체크
- UI는 미니멀하고 의도가 있어야 한다.
- 확장 프로그램 파일은 단일한 .crx 패키지로 다운로드 & 인스톨된다. 웹의 콘텐츠에 의존하면 안 된다.
2. Hello world 예제
- 이 예제는 확장 프로그램 아이콘을 클릭할 경우 hello.html을 보여준다.
- 예제 작성을 위해 새 디렉터리를 만든다.
- 모든 확장 프로그램은 manifest 파일(JSON)이 필요하다. manifest.json 이란 이름으로 파일을 만들고 다음과 같이 작성한다.
{
"name": "Hello world",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html"
}
}- hello.html 이란 이름으로 파일을 만들고 다음과 같이 작성한다.
<html>
<body>
<h1>Hello world</h1>
</body>
</html>- 예제 확인하기
반응형