我的目标是在本地主机域中定义一个cookie列表(直接在代码中(,并在单击扩展程序的图标时将其删除。我很快就卡住了,似乎没有执行show()
的功能,显然没有控制台可用于检查chrome扩展程序中的错误。我的代码有什么问题?
清单
{
"manifest_version": 2,
"version":"1.0.0",
"name": "myCookie!",
"description": "myCookie manager",
"browser_action": {
"default_popup": "popup.html"
},
"permissions": [ "cookies","storage", "tabs", "http://*/*", "https://*/*" , "nativeMessaging"],
"background": {
"scripts": ["content.js"],
"persistent": false
}
}
内容.js
function show() {
chrome.cookies.getAll({}, function(cookies) {
alert(cookies)
});
}
document.addEventListener('DOMContentLoaded', function() {
var btn = document.getElementById("btn");
btn.addEventListener('click', function() {
show();
});
});
弹出窗口.html
<!doctype html>
<html>
<head>
<title>my cookie</title>
</head>
<style type="text/css">
body {
margin: 5px;
}
h1 {
font-size: 15px;
text-align: center;
}
</style>
<body>
<button id="btn">btn</button>
</body>
</html>
浏览器操作弹出窗口是一个普通页面,因此您需要正常加载其脚本。
- 删除清单中的
"background"
部分.json - 将内容重命名.js以弹出.js
- 在结束
</body>
标记之前添加<script src="popup.js"></script>
附言您可以使用console.log
在弹出窗口的单独 devtools 控制台中打印,而不是alert
,以便在弹出窗口内右键单击输出,然后单击"检查"。