gpt4 book ai didi

javascript - 使用 Web 扩展(附加组件)的 content_scripts 中的 ES 模块

转载 作者:行者123 更新时间:2023-11-29 15:14:51 29 4
gpt4 key购买 nike

<分区>

由于最新的 Firefox 和 Chrome 一样支持没有标志的 ES 模块,我想使用 import/export对于我的网络扩展(附加组件)。只需使用 <script type="module"> 即可弹出、背景和选项页面。 .

如何让模块在 content script 中工作? ?

我试过并看到以下内容:

(1) 只写importcontent_scripts.js 声明的脚本中在manifest.json

import Foo from './foo.js';

(Chrome) Uncaught SyntaxError: Unexpected identifier

Firefox 无法正常工作。

(2) 跑遍tabs.executeScript()

browser.tabs.executeScript(undefined, {
file: "foo.js",
});

(Chrome) Uncaught SyntaxError: Unexpected identifier

(Firefox) Error: import declarations may only appear at top level of a module

(3) 插入用type="module" 创建的脚本元素

const el = document.createElement("script");
el.src = browser.extension.getURL("foo.js");
el.type = "module";
document.body.appendChild(el);

(Chrome) Uncaught (in promise) ReferenceError: browser is not defined

(Firefox) ReferenceError: browser is not defined

你还有别的想法吗?

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com