[英]Chrome Extension Onclick() with Popup
我想清除我的通知(徽章)。 单击图标时,应同时打开一个弹出窗口,但它不起作用。
它与选项卡一起工作,但我不想在选项卡上显示它应该在弹出窗口中。
这是代码;
var i = 1;
function updateIcon() {
i=1;
chrome.browserAction.setBadgeText({text: ''});
chrome.browserAction.setPopup({popup:"popup.html"});
}
chrome.browserAction.onClicked.addListener(updateIcon);
chrome.browserAction.setBadgeBackgroundColor({color:[200, 0, 0, 100]});
window.setInterval(function() {
chrome.browserAction.setBadgeText({text:String(i)});
i++;
}, 4000);
由于Background Page
在卸载或禁用扩展程序之前一直存在,因此您的徽标文本正在增长。
所以你的代码
window.setInterval(function() {
chrome.browserAction.setBadgeText({text:String(i)});
i++;
}, 4000);
保持徽章继续增长。
此外, chrome.browserAction.onClicked.addListener(updateIcon);
第二次将无法正常工作 !
您想停止什么?
PS:您正在使用两个相互冲突的功能( browserAction.onClicked
和browserAction.setPopup
一起使用。
注册的后台页面和浏览器操作
{
"name": "Bagde",
"description": "http://stackoverflow.com/questions/14436053/chrome-extension-onclick-with-popup",
"version": "1",
"manifest_version": 2,
"background": {
"scripts": [
"background.js"
]
},
"browser_action": {
"default_title": "Hi",
"default_popup": "popup.html"
}
}
使用了您的代码,并消除了有冲突的browserAction.onClicked
事件
var i = 1;
function updateIcon() {
i = 1;
chrome.browserAction.setBadgeText({
text: ''
});
chrome.browserAction.setPopup({
popup: "popup.html"
});
}
chrome.browserAction.setBadgeBackgroundColor({
color: [200, 0, 0, 100]
});
window.setInterval(function () {
chrome.browserAction.setBadgeText({
text: String(i)
});
i++;
}, 4000);
一些琐碎的Page,使用popup.js
来遵守CSP。
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<p>Some Content ..</p>
</body>
</html>
调用了“背景页面”功能,因此单击图标时计数器开始计数
document.addEventListener("DOMContentLoaded", function () {
//Get Reference to Functions
backGround = chrome.extension.getBackgroundPage();
//Call Function
backGround.updateIcon();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.