동작하는 최소한의 chrome extension 만들기

https://support.google.com/chrome/a/answer/2714278?hl=ko 

맞춤 Chrome 앱 및 확장 프로그램 만들기 및 게시하기 - Chrome Enterprise and Education 고객센터

기본적으로 이곳을 참고하면 됩니다.

 

저의 경우..

위와 같은 구조로 작성하였고,

manifest.json 은 아래와 같습니다.

{

  "manifest_version": 3,

  "name": "HTML을 뽑아내보자 >_<",

  "version": "1.0",

  "description": "당신의 HTML이 궁굼해..",

  "run_at": "document_end",

  "content_scripts": [

    {

      "js": ["scripts/content.js"],

      "matches": ["https://*/*", "http://*/*"]

    }

  ],

  "permissions": ["storage"]

}

script.js 에 구현하고자 하는 동작이 담겨 있는 html 로직을 작성하면 됩니다.

만약..

alert("내 익스텐션에 온 것을 환영해 !!!!!");

라는 코드를 작성한다면,

"matches": ["https://*/*", "http://*/*"]

에 있는 URL 에 접속할 때마다 alert 창이 뜨겠죠..