从我的 firefox 扩展目录加载 html 文件

Question

TLDR; 在我的 Firefox 扩展的 Javascript 文件中，如何从我的扩展中加载其他文件的内容（例如 HTML 查看 & CSS 样式表）用于当前网页？

我正在开发我的第一个 Firefox 扩展，供个人使用。

所以我将 manifest.json 设置为在加载网站的任何页面时加载 /script/panel.js。

在 panel.js 中，我想做这样的事情：

const html = MyExtension.getFileContent('/view/panel.html');
const node = document.createElement('div');
node.innerText = html;
document.body.appendChild(node);

但我找不到 MyExtension.getFileContent() 之类的东西。我所能找到的只是如何为浏览器顶部的工具栏添加侧边栏（通过清单？）和浏览器操作，以及其他公开扩展程序内文件的非编程方式。

然后在 /view/panel.html 中，理想情况下，我还想引用 /style/panel.css，它也可以在我的扩展根目录中找到，例如带有 <link 标记。

Answer 1

您是否在 manifest.json 中设置了 web_accessible_resources？需要使您的扩展程序中的资源可从网页读取。 https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources

从我的 firefox 扩展目录加载 html 文件

Load html file from my firefox extension's directory

firefox-addon

firefox-addon-webextensions