我想编写一个带有弹出式html和background.js的chrome扩展程序来创建一个新标签页。但是我发现这两个文件似乎相互冲突。在popup.html中添加按钮时,无法通过单击浏览器工具栏上的图标来创建新标签。请问有办法解决吗?谢谢。
这是我的代码:
manifest.json
{
"manifest_version": 2,
"name": "A Test",
"version": "0.1",
"background":
{
"persistent": false,
"scripts": ["background.js"]
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"]
}],
"browser_action":
{
"default_title": "Test"
//"default_popup": "index.html"
},
"permissions": [
"activeTab",
"<all_urls>"
]
}
background.js
chrome.browserAction.onClicked.addListener(function(activeTab) {
var newURL = "https://www.google.com/";
chrome.tabs.create({
url: newURL
});
console.log("create new tab");
});
index.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<button id="test">TEST!</button>
<script src="test.js"></script>
</body>
</html>
test.js 中没有任何内容。这是一个空文件。