在當前文檔中植入圖像的Chrome擴展

Question

我正在嘗試編寫一個Chrome擴展，作爲它所做的一部分，需要將圖像添加到當前顯示的html。我想我需要使用使用document.createElement然後插入它的地方，但我不知道兩兩件事：

1. 的圖像來作爲擴展的一部分，即沒有直接鏈接到它的任何地方，所以只需添加一個img標籤就行不通了。除非我錯過了一些東西。

2. 根本不涉及Chrome：如果html元素沒有任何id，那麼將img標籤添加到特定位置的最佳方式是什麼？我可以找到我想要使用正則表達式添加img的地方，並且可以根據需要重寫整個html，但也許有一種更加微妙的方式。

Answer 1

您可以通過運行從您的擴展文件夾得到圖像的URL：

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

（它應該是這樣的：chrome-extension://<extension_id>/image.png）

如果您使用清單版本：2你您需要將您的擴展程序中注入其他文檔的任何資源列入白名單。有關更多信息，請參閱this question。

至於你的第二個問題 - 你需要提供更多的細節。它有課嗎？你知道里面有什麼標籤嗎（li，div）？你可能會更適合使用jQuery - 它有很多非常先進的選擇器。我不知道你準備使用哪些搜索條件，所以我不能提出具體的解決方案。