参考

Question

我正在尝试创建一个非常简单的chrome扩展，以便在点击时在新标签页中打开硬编码链接，而且我没有运气。添加扩展后，图标显示，但单击它时没有任何反应。有什么建议吗？

的manifest.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"
]
}

background.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>

Answer 1

您的脚本中存在一些问题

清单注册
CSP

清单注册

您应该将背景注册为

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

或

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

CSP

如果您希望将背景作为html页面消除html页面中的<script>标记以加入Content Security Policy。

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

工作版

<强>的manifest.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"
    ]
}

<强> background.js

使用您的代码而不做任何修改。

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

我能够按预期创建窗口。

chrome扩展程序在新标签页中打开链接 - 没有错误，但在点击时不执行任何操作

1 个答案:

清单注册

CSP

工作版

参考