3

我正在尝试创建一个非常简单的 chrome 扩展，以便在单击时在新选项卡中打开硬编码链接，但我没有任何运气。添加扩展后，图标会显示出来，但是当我单击它时没有任何反应。有什么建议么？

清单.json

{
"name": "Drive Button",
"version": "1.0",
"manifest_version": 2,
"description": "Open Google Drive",
"browser_action": {
"default_icon": "icon.png"
},
"background": "background.html",
"permissions": [
"tabs"
]
}

背景.html

<html>
<head>
<script>
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.create({url: "http://drive.google.com"});
});
</script>
</head>
</html>
4

1 回答 1

10

你的脚本有一些问题

  • 清单登记
  • CSP

清单登记

您应该将背景注册为

"background": {
    "scripts": ["background.js"]
  },

或者

"background": {
    "page": "background.html"
  },

CSP

如果您希望将背景作为html页面消除<script>html 页面中的标记以遵守内容安全策略。

消除这些问题后，我运行了您的脚本。

工作版本

清单.json

将背景页面注册到清单文件。

{
    "name": "Drive Button",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Open Google Drive",
    "browser_action": {
        "default_icon": "icon.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        "tabs"
    ]
}

背景.js

使用您的代码，无需任何修改。

chrome.browserAction.onClicked.addListener(function (tab) {
    chrome.tabs.create({
        url: "http://drive.google.com"
    });
});

我能够按预期创建窗口。

参考

于 2013-01-10T06:04:48.357 回答