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

function getTabId() { ... }
function getTitle() { return document.title; }
 
chrome.scripting
    .executeScript({
      target : {tabId : getTabId()},
      func : getTitle,
    })
    .then(() => console.log("injected a function"));

function getTitle() { 
     const btn = document.createElement(
        "button", {
            "class": "btn-style"
        }
    )
    const pageHeader = document.body
    pageHeader.appendChild(btn)
}
 
async function change(tab){
 
   chrome.scripting
      .executeScript({
           target : {tabId : tab.id},
           func : getTitle,
       })
      .then(() => console.log("injected a function"));
 
}
 
chrome.tabs.onUpdated.addListener(async (tabId, currentTab, tab) => {
    console.log(`Updated, tab.id - ${tab.id}`)
    await change(tab)
})

console.log( JSON.stringify({ target : {tabId : tab.id}, func : getTitle, }) )

function getTitle(){
     return true
}

console.log( JSON.stringify({ target : {tabId : tab.id}, func : getTitle, }) )

background.js:
 
 
const urlPatterns = [
    'https://steamcommunity.com/profiles/',
]
 
async function addMenuChrome(tab){
    var draftMenu = false
 
    const [currentTab] = await chrome.tabs.query({active: true, lastFocusedWindow: true});
    for (let urlPattern of urlPatterns){
        if (currentTab && currentTab.url.startsWith(urlPattern)){
            draftMenu = true
            break
        }
    } 
 
    if (!currentTab){
        draftMenu = true
    }
 
    let tabId = tab.tabId || tab.id
   
    const injectObject = { 
        files: [ "scripts/content.js" ],
        target : { allFrames: true, tabId :  tabId }
    }
    const asJson = JSON.stringify(injectObject)
    console.log(`InjectObject: ${asJson}`)
 
    if (draftMenu){
        try {
            chrome.scripting.executeScript(
                injectObject
            ).then(injectionResults => {
                for (const {frameId, result} of injectionResults){
                    console.log(`Frame: ${frameId}, result: ${result}`)
                }
            })
        }
        catch (error){
            console.log(`An error occur at draft menu. Details: ${error}`)
        }
    }
}
 
 
chrome.tabs.onUpdated.addListener(async (tabId, currentTab, tab) => {
 
    await addMenuChrome(tab)
 
})

chrome.scripting.executeScript

target : { 
            allFrames: true, 
            tabId :  tabId
        }

chrome.scripting.executeScript

async function addMenuChrome(tab){
    var draftMenu = false
 
    for (let urlPattern of urlPatterns){
        if (tab.url.startsWith(urlPattern)){
            draftMenu = true
            break
        }
    } 
 
    let tabId = tab.tabId || tab.id
 
    let allFrames = false
    let frameIds = tab.frameId !== undefined ? [tab.frameId] : []
    
    let target = {
        tabId: tabId
    }
 
    if (frameIds.length){
        target.frameIds = frameIds
    }
 
    const injectObject = { 
        files: [ "scripts/content.js" ],
        target : target
    }
 
    const asJson = JSON.stringify(injectObject)
    console.log(`InjectObject: ${asJson}`)
    console.log(`draftMenu: ${draftMenu}`)
 
    if (draftMenu){
        try {
            chrome.scripting.executeScript(
                injectObject
            ).then(injectionResults => {
                for (const {frameId, result} of injectionResults){
                    console.log(`Frame: ${frameId}, result: ${result}`)
                }
            }).catch((error) => { console.log(`An error occur at draft menu. Details: ${error}`) })
        }
        catch (error){
            console.log(`An error occur at draft menu. Details: ${error}`)
        }
    }
    
}
 
 
chrome.tabs.onUpdated.addListener(async (tabId, currentTab, tab) => {
    console.log(`//////Props of current tab: ${Object.keys(currentTab)}//////`)
    console.log(`Updated, tabId - ${tabId}`)
    console.log(`current url: ${currentTab.url}`)
    console.log(`status: ${currentTab.status}`)
    console.log(`tab.id: ${tab.id}`)
    console.log(`tab.active: ${tab.active}`)
    console.log(`tab.lastAccessed: ${tab.lastAccessed}`)
    console.log(`tab.url: ${tab.url}`)
    console.log(`tab.windowId: ${tab.windowId}`)
 
    if (tab.url !== undefined && currentTab.status == "complete"){
        console.log("BEGIN ADD MENU...")
        await addMenuChrome(tab)
    }
})