如何让chrome.tabs.insertCSS工作?

时间:2017-12-12 16:24:44

标签: javascript google-chrome google-chrome-extension

所以我一直在做一个随机有趣的chrome扩展,我一直试图让chrome.tabs.insertCSS工作,但它不会。 chrome.tabs.executeScript工作正常,但insertCSS不会。这就是我现在所拥有的:

var txt = document.querySelector('#datapodtxt');
var img = document.querySelector('#datapodimg');
chrome.tabs.executeScript(null, {file: "content.js"},function() {
    if (chrome.extension.lastError) {
        txt.innerText = "Error with page";
        img.src=chrome.extension.getURL('datapodblocked.jpg');
    } else {
        txt.innerText = "Datpodified your page";
                img.src=chrome.extension.getURL('datapod.jpg');
    }
});
chrome.tabs.insertCSS(null, {file: "inject.css"});

这只是最后一行不起作用,我尝试了很多不同的东西,但没有任何反应。 (所有inject.css以防万一你需要它):

body {
  background-image: url("datapod.jpg") !important;
}

1 个答案:

答案 0 :(得分:0)

我发现注入文件并不起作用。相反,我可以使用代码:

chrome.tabs.insertCSS(null, {code: "body{background-image: url(\"datapod.jpg\") !important;}"});