如何从 chrome 扩展中的内容脚本中获取另一个文件内容

Question

我有一个带有如下文件的 chrome 扩展名：

.
├── settings.json
├── manifest.json
└── ContentScript.js

像这样的清单

    "content_scripts": [
        {
            "js": [
                "ContentScript.js"
            ],
            "run_at": "document_end",
            "matches": ["https://example.com"]
        }
    ]

如何从 ContentScript.js 中的settings.json获取数据？

Answer 1

首先将其添加到清单中：

    "web_accessible_resources": [
        "settings.json"
    ]

强制文件可访问。

然后在 ContentScript 中添加

(async () => {
    var text = await fetch(chrome.runtime.getURL("settings.json")).then((responce) => {
        if (responce.ok) {
            return responce.text()// or responce.json() to json-style object
        } else { throw "Error: File was not found or can't be reached" }
    })
}).call()