Google chrome extension 为什么popup.js中的脚本不起作用?

Google chrome extension 为什么popup.js中的脚本不起作用?,google-chrome-extension,Google Chrome Extension,有人能帮帮我吗,我正在构建我的第一个chrome扩展,它是一个弹出窗口,带有一个按钮,应该在点击时做一些事情(现在只使用alert),但不知何故,我的js文件中的任何东西似乎都不起作用。样式似乎也无法加载 清单: { “名称”:“工具栏”, “清单版本”:2, “版本”:“1.0.2”, “说明”:“工具栏”, “背景”:{ “脚本”:[“background.js”] }, “浏览器操作”:{ “默认图标”:“icon.png”, “默认标题”:“无”, “默认弹出窗口”:“popup.htm

有人能帮帮我吗,我正在构建我的第一个chrome扩展,它是一个弹出窗口,带有一个按钮,应该在点击时做一些事情(现在只使用alert),但不知何故,我的js文件中的任何东西似乎都不起作用。样式似乎也无法加载

清单:

{
“名称”:“工具栏”,
“清单版本”:2,
“版本”:“1.0.2”,
“说明”:“工具栏”,
“背景”:{
“脚本”:[“background.js”]
},
“浏览器操作”:{
“默认图标”:“icon.png”,
“默认标题”:“无”,
“默认弹出窗口”:“popup.html”
},
“权限”:[
“选项卡”、“http://*/”和“https://*/”
]
}
popup.html:


x
popup.js:

函数关闭弹出()
{
//window.close();
警惕(“你好”);
}
document.addEventListener('DOMContentLoaded',function(){
document.getElementById('closeButton')。打开(“单击”,函数(){
closePopup();
}
});
});

您必须将
放在
中,而不是
标记中。这对我很有用。


<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<!--<script src="popup.js"></script> delete this-->
</head>
<body>
<div>
<button type="button" id="closeButton"> x<button/>
</div>
<!--add this--><script src="popup.js"></script>
</body>
</html>
x

将脚本放在eventlistener所在的对象之后。我遇到了同样的问题,并且解决了它

首先要做的是右键单击弹出窗口,然后检查,然后查看devtools控制台和元素中的页面DOM面板。1.标准JS DOM中没有类似于
.on()
(使用addEventListener或onclick属性)2的函数<代码>是错误的结束标记,应该是
。感谢您的回复,我当然更新了标记(链接也不起作用,我复制粘贴了错误的按钮)。我已将最后一部分更新为document.getElementById(“closeButton”).addEventListener(“单击”,函数(){closePopup();});但仍然不走运。未捕获的TypeError:无法在popup.js:27处读取null的属性“addEventListener”,但按钮的名称仍然正确。我很困惑。有同样的问题,你修好了吗?