[ChromeExtension] extension에 포함된 파일 읽어들이기 (read file included extension itself)

extension에 포함된 파일을 웹페이지 읽어오듯이 읽어오는 방법이다.

아래 예제는 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 등으로 변환이 가능하므로 응용하면 여러곳에 적절히 사용가능.

 

[참고]

https://developer.mozilla.org/en-US/docs/Web/API/Response