google-chrome-extension - 如何从内容脚本访问 Chrome 扩展程序的图标

Question

在我的 Chrome 扩展程序的内容脚本中，我试图修改网站的图标以(暂时)将其设置为我的扩展程序的图标。但是，我想不出从内容脚本中引用扩展图标的正确方法。我试过:

    favicon.href ='/images/icon-38.png';
    console.log("set href of favicon to " +favicon.href);

但是 favicon.href 的值最终取决于我所在的任何站点，例如:set href of favicon to https://twitter.com/images/icon-38.png

来 self 的 manifest.json:

"icons": {
  "16": "images/icon-16.png",
  "38": "images/icon-38.png"
},

在我的背景脚本中，我当然可以使用它们的相对路径来引用我的图标...但是我如何从内容脚本中做到这一点？

Answer 1

您需要将图标指定为 web_accessible_resources :

"icons": {
  "16": "images/icon-16.png",
  "38": "images/icon-38.png"
},
"web_accessible_resources": [
  "images/icon-16.png",
  "images/icon-38.png"
],

然后使用chrome.runtime.getURL (chrome.extension.getURL 自 Chrome 58 起已弃用)

chrome.runtime.getURL('images/icon-16.png');
chrome.runtime.getURL('images/icon-38.png');