Расширения Chrome - вставлять значки на страницу

Question

Я хотел бы написать расширение Chrome, которое встраивает значки в страницы и отображает всплывающее окно при наведении мыши, аналогично функциональности, предоставляемой расширением Tweetbeat Firsthand . Я посмотрел на документы для разработчиков, но я не могу найти описание того, как вставлять значки на страницу. Не могли бы вы указать мне описание API для этого или, лучше, учебник?

Приветствия

Пит

Answer 1

Звучит как идеальная работа для скрипта контента Chrome . Просто используйте что-то вроде JQuery, чтобы манипулировать DOM, чтобы добавить тег <img>.

Answer 2

Вы можете сделать это с помощью Jquery. Скажем, вам нужно встроить значок вокруг целевого элемента, вы можете сделать так:

var iconHtml = "<img src=\"" + chrome.extension.getURL("img/yourIcon.png") + "\"/>";
$("#targetElementId").prepend($(iconHtml));

Но он должен быть вставлен в страницу скриптом, скажем, inject.js, и должен вызываться на основе вашей логики (загрузка, щелчок по меню и т. Д.).

Кроме того, этот скрипт должен быть определен в manifest.json

"content_scripts": [
        {
            "matches": ["*"],
            "js": ["js/inject.js"]
        }
    ]

Надеюсь, это поможет!