[ChromeExtension] extension에 포함된 파일 읽어들이기 (read file included extension itself)
Chrome Extension 2019. 4. 19. 17:22extension에 포함된 파일을 웹페이지 읽어오듯이 읽어오는 방법이다.
아래 예제는 manifest.json 파일을 JSON 형태로 읽어오는 방법.
우선 manifest.json의 web_accessible_resources에 읽어오려는 파일의 경로가 지정되어 있어야 한다.
{
"web_accessible_resources": {
"*"
}
}
그리고 원하는 곳에서 읽어오면 됨
// chrome-extension://EXTENSION_ID/manifest.json 형태의 URL을 가져옴
const url = chrome.runtime.getURL('/manifest.json');
// 읽어온다
const r = await fetch(url);
// JSON 형태로 출력해보자
console.log(await r.json());
fetch()가 반환하는 Response의 경우 json() 뿐만이 아니라 arrayBuffer, blob, formData, text 등으로 변환이 가능하므로 응용하면 여러곳에 적절히 사용가능.
[참고]
'Chrome Extension' 카테고리의 다른 글
[ChromeExtension] 확장 프로그램이 개발자 모드로 설치되었는지 확인하는 방법 (how to know chrome extension installed developer mode) (0) | 2022.05.10 |
---|---|
[ChromeExtension] chrome.debugger를 이용하여 키보드 이벤트 보내기 (0) | 2020.06.12 |
[ChromeExtension] ES6 모듈 사용하기 (ES6 module) (0) | 2019.01.09 |
[ChromeExtension] 클립보드 문자열 가져오기 (get clipboard string) (0) | 2015.09.30 |
[Chrome Extension] contextmenu가 클릭된 DOM element 알아내기 (0) | 2014.10.09 |