所以我正在测试创建一个Chrome扩展程序。 我知道使用Manifest v2时,popup.html中不能有JavaScript代码。 所以,我已将JavaScript代码移动到一个单独的文件popup.js中。
我试图在弹出窗口中放置一个简单的按钮,用于调用“hello world”警告,但它并没有起作用。
此外,Chrome的检查元素调试器没有显示任何错误。
popup.html
<html>
<head>
<title>Test</title>
<script language='javascript' src='popup.js'></script>
</head>
<body>
<form name='testForm'>
<input type='button' id='alertButton' value='click me'>
</form>
</body>
</html>
弹出窗口.js
function myAlert(){
alert('hello world')
}
window.onload = function(){
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('alertButton').addEventListener('onclick', myAlert);
});
}
manifest.json
{
"manifest_version": 2,
"name": "Test",
"description": "Test Extension",
"version": "1.0",
"icons": {
"48": "icon.png"
},
"permissions": [
"http://*/*",
"https://*/*"
],
"browser_action": {
"default_title": "This is a test",
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
有什么想法吗?