언니와 사이드 프로젝트로 크롬 확장 프로그램을 만들기로 했는데, 연습삼아 하다보니 뭔가 잘못되가고 있는게 느껴져서 정리해보기로 했다..
예시 프로그램 - ublock origin
manifest.json 설정 관련
- 기본 설정
{
"manifest_version": 3,
"name": "Chrome Extension with React Sample",
"description": "Chrome Extensions Test Site",
"version": "0.1",
}manifest_version - 매니페스트 버전(V3가 최신버전)
--> 2버전으로 되어있는 예제는 옛날 버전이라 생각하면 됌
name - 프로그램 이름(확장 프로그램 등록시 사용될 이름)
description - 프로그램 설명
version - 프로그램 버전
- 팝업 설정
저렇게 크롬 사용시 위에 떠있는 아이콘을 누르면(확장 프로그램 설정해야 나옴)
그 프로그램에서 설정한 화면이 나오는데 이런 화면을 팝업이라고 한다.
"action": {
"default_icon": "logo192.png",
"default_title": "Open popup",
"default_popup": "popup.html"
}default_icon - 아이콘에 등록할 이미지 경로
default_title - 아이콘에 커서 가져갈 경우 띄울 말
default_popup - 팝업으로 사용할 html 파일을 경로를 적어주면 된다.
---> 헷갈리면 안되는게 팝업은 그냥 말그대로 팝업이다. 화면일뿐!! 실제 수행할 기능은 background에 설정해 주면 된다고 한다!
참고 - 예제에서 명칭이 비슷한 경우
예제를 찾아보면 명칭이 비슷한데 조금씩 달라서 헷갈리는 부분들이 있다. 예를들면 "browser_action"-"action" 이런 것들이 있는데 V2 버전이었을 때 "browser_action"으로 사용하던걸, V3 버전이 되면서 "action"으로 바뀐 경우이다.
