从chrome扩展的后台页面注入HTML

Question

I am working on a chrome extension and would like to inject some HTML code to the DOM in a specific situation (it will result in a message being shown to the user). However - i would like to do this from the background page and not from the content script. Is this possible? can the background page manipulate the DOM?

Thanks!

Answer 1

You can't do this directly. Instead send a message from your background page to a content script with all required data for the script to create proper HTML code or inject the code using chrome.tabs.executeScript .

Answer 2

You can use something like this script in your background.js

chrome.tabs.executeScript({
    code: "$('body').prepend('Some html')"
});

or

chrome.tabs.executeScript({
    file: "insert.js"
});