google-chrome-extension - "Not allowed to load local resource: chrome://favicon/"

Question

我正在尝试使用 chromes favicon url 加载 url 的 favicon:

<img class='icon' src='chrome://favicon/yahoo.com' />

但我收到错误:

"Not allowed to load local resource: chrome://favicon/yahoo.com"

在 list 中我有:

  "permissions": [
    "chrome://favicon/"
],

网上没有太多关于这个主题的信息。有什么建议吗？

Answer 1

代码中的问题

• "permissions": ["chrome://favicon/"] 是 list 文件中的无效模式

如果您想使用选项卡 favicon 的 URL，请在扩展页面中使用 chrome.tabs API。

演示

manifest.json

注册后台页面并添加必要的权限。

{
    "name": "Fav Icon",
    "description": "http://stackoverflow.com/questions/14800881/not-allowed-to-load-local-resource-chrome-favicon",
    "version": "1",
    "manifest_version": 2,
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        "tabs",
        "<all_urls>"
    ]
}

背景.js

chrome.tabs.query({
    "active": true,//fetch active tabs
    "currentWindow": true,//fetch tabs in current window
    "status": "complete",//fetch completely loaded windows
    "windowType": "normal"//fetch normal windows
}, function (tabs) {
    for (tab in tabs) {
        console.log(tabs[tab].favIconUrl);// Use this URL as needed
    }
});

chrome.tabs.query 将在扩展页面中工作，如果您想在内容脚本中使用消息传递来传达 URL。

引用文献

• chrome.tabs API
• Message Passing