Расширение Chrome, добавляющее изображение в текущий документ

Question

Я пытаюсь написать расширение для Chrome, которое как часть того, что он делает, должно добавить изображение в отображаемый в настоящий момент HTML.Я думаю, мне нужно использовать document.createElement, а затем вставить его куда-нибудь, но я не уверен насчет двух вещей:

1. Изображение входит в состав расширения, то есть нет прямойссылка на него где угодно, поэтому простое добавление тега img не сработает.Если только я что-то упустил.

2. Совсем не связан с Chrome: как лучше всего добавить тег img в определенное место, если у элементов html нет идентификаторов?Я могу найти место, куда я хочу добавить img для использования регулярных выражений, и могу переписать весь HTML, если это необходимо, но, возможно, есть более тонкий способ, которого я пропускаю.

Answer 1

Вы можете получить URL-адрес изображения из папки расширения, выполнив:

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

(это будет выглядеть так: chrome-extension://<extension_id>/image.png)

Если вы используете manifest-версию:2 вам нужно будет внести в белый список любой ресурс в вашем расширении, который вы добавляете в другие документы.См. этот вопрос для получения дополнительной информации.

Что касается вашего второго вопроса - вам необходимо предоставить более подробную информацию.У него есть класс?Знаете ли вы, в каком теге это (li, div)?Возможно, вам лучше использовать для этого jQuery - в нем много довольно продвинутых селекторов.Я не знаю, какие критерии поиска вы пытаетесь использовать точно, поэтому я не могу предложить конкретное решение.