javascript - 使用 BrowserAction 设置背景图像

Question

我正在学习如何编写 chrome 扩展，我发现一个例子，使用 browseraction 可以更改网页的背景颜色，我正在尝试做一些非常相似的事情，更改背景图像，但出于某种原因...它不起作用，js 函数是:

function click(e) {
  chrome.tabs.executeScript(null,
      {code:"document.body.style.background=url('ffrontier.jpg')"});
  window.close();
}

我很确定这与我的语法有关，但我无法弄清楚，有人可以帮助我吗？非常感谢

Answer 1

首先，您需要在 manifest.json 文件中指定资源(请参阅 Web Accessible Resources )，如下所示:

"web_accessible_resources": ["ffrontier.jpg"]

其次，您应该指定完整的图像网址，如下所示:

function click(e) {
  chrome.tabs.executeScript(null,
      {code:"var imgURL = chrome.extension.getURL('ffrontier.jpg'); document.body.style.backgroundImage='url(' + imgURL + ')'"});
  window.close();
}