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，则需要将扩展​​中的任何资源列入白名单，并将其注入其他文档。有关详细信息，请参阅this question。

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