使用 iframe 通过 Chrome 扩展程序将本地 HTML 文件注入网页

Question

我有一个HTML文件，我想在Chrome扩展程序的Google搜索结果页的每个结果旁边注入该文件。

我想知道我是否可以使用 iframe 加载 HTML 文件？

这不是我目前在我的内容脚本中使用insertAdjacentHTML()和可怕的一长串HTML和内联CSS的实现。更希望有一个单独的 HTML 文件，其中包含自己的 CSS，我可以插入它。

我试过了：

chosenElements[i].insertAdjacentHTML('afterbegin', `<iframe src="/inject.html"></iframe>`);

但是只需获取带有 404 页面的 iframe，因为它正在查找"https://www.google.com/index.html"目录而不是文件所在的位置。

inject.html 文件与扩展名的 build文件夹中的 index.html 文件位于同一位置。如何访问它？我可以访问它吗？

Answer 1

你试过吗

src="inject.html"

而不是

src="/inject.html"