Chrome扩展程序在当前文档中植入图像

Question

我正在尝试编写Chrome扩展程序,作为其正在执行的操作的一部分,需要将图像添加到当前显示的html中.我想我需要使用document.createElement然后将其插入某处,但我不确定两件事:

1. 图像作为扩展的一部分,即在任何地方都没有直接链接,因此简单地添加img标记将不起作用.除非我错过了什么.

2. 与Chrome无关:如果html元素没有任何id,将img标记添加到特定位置的最佳方法是什么？我可以找到我想要使用正则表达式添加img的地方,并且如果需要可以重写整个html,但也许有一种我想念的更微妙的方式.

Answer 1

您可以通过运行以下命令从扩展文件夹中获取图片网址:

var imgUrl = chrome.extension.getURL("image.png");

(它是这样的:chrome-extension://<extension_id>/image.png)

如果您使用的是manifest-version:2,则需要将扩展​​中列入其他文档的任何资源列入白名单.有关详细信息,请参阅此问题.

至于你的第二个问题 - 你需要提供更多细节.有课吗？你知道里面是什么标签(li,div)？你可能会更好地使用jQuery - 它有很多非常先进的选择器.我不知道你试图使用什么搜索条件,所以我无法提出具体的解决方案.