开发 chrome 插件的时候，怎么在 content script 中引入其他的 js 文件？

[rookiemaster]

问了 gpt ，使用了以下两个方法都没用:

1. 动态加载 script 标签：

function loadScript(url) {
    var script = document.createElement('script');
    script.src = url;
    script.type = 'text/javascript';
    document.head.appendChild(script);
}

// 调用函数加载其他 JavaScript 文件
loadScript(chrome.runtime.getURL('path/to/your/other-script.js'));

1. 在 manifest.json 中配置 module, 然后使用 export import:

"content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": [
                "content.js",
                "myfunction.js"
            ],
            "type": "module"
        }
],

myfunction.js:

function hello() {
    console.log("Hello World")
}

content.js:

hello()

[DOLLOR]

content_scripts 里 js 的顺序错了，调换一下就行了

[Immortal]

应该是 1L 说的这样
题外话,现在有不少插件框架,直接用省事很多,例如 wxt

[skuuhui]

manifest 中添加节点
"web_accessible_resources": [
{
"matches": [
"*://你的域名/*"
],
"resources": [
"myfunction.js"
]
}
],

[rookiemaster]

@DOLLOR 谢谢，已解决

[rookiemaster]

@skuuhui 谢谢，已解决

[rookiemaster]

@Immortal 原来还有框架，改天看看