구글 확장프로그램 만들기 - 튜토리얼

 

Google Extension Tutorial

중요한 정보를 전달하는 manifest 파일인 manifest.json은 필수 파일입니다.
manifest.json에는 다양한 옵션이 존재하는 데, 매니페스트 버전이름, 버전은 필수 요소입니다.

manifest docs에서 자세한 내용을 볼 수 있습니다.

manifest.json

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "versionString"
}

보여질 화면을 html로 작성합니다. 저는 예제로 dalhav.html를 만들었습니다.

dalhav.html

<html>
    <head>
        <title>Hello Dalha.v</title>
    </head>
    <body>
        <div id="hello"><h1>hello</h1></div>
        <div id="dalhav"><h1>dalha.v</h1></div>
    </body>
</html>

확장프로그램에 사용되는 모든 파일들은 manifest.json에 정의해야합니다. 방금 만든 dalhav.htmlbrowser_action 옵션으로 정의합니다.

manifest.json

{
  "manifest_version": 2,
  "name": "hello!dalhav",
  "version": "1.0",
  "browser_action": {
        "default_popup": "index.html"
      }
}

chrome://extensions/개발자모드에서 프로젝트폴더를 열면 확장프로그램을 테스트할 수 있습니다.

1