是否可以在页面加载事件上更改按钮背景颜色,但到目前为止我根本找不到任何此类方法。如果不可能,那么我很乐意使用一些在页面加载后加载的预定义图像。
我尝试了以下内容,但没有成功:
的script.js
// chrome.browserAction.setIcon("red.png");
chrome.browserAction.setIcon({path:'red.png'});
的manifest.json
{
"name": "Domain Colors",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [{
"matches": ["http://*/*"],
"js": ["script.js"]
}],
"permissions": [ "tabs", "http://*/*" ],
"browser_action": {
"default_title": "Colry",
"default_icon": "blue.png"
}
}
答案 0 :(得分:7)
要使用browserAction
API,需要background page。如果您想保留当前的控制流(通过内容脚本更新图标),则需要pass messages。这是最低限度的:
// script.js
chrome.extension.sendMessage('');
// background.js
chrome.extension.onMessage.addListener(function(message, sender) {
chrome.browserAction.setBadgeBackgroundColor({
color: 'red',
tabId: sender.tab.id
});
});
清单文件需要一个额外的条目:
"background": {
"scripts": ["background.js"]
}
您不需要内容脚本来检测页面加载。可以使用单个事件侦听器(在后台页面中):
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo) {
if (changeInfo.status === 'loading') {
chrome.browserAction.setBadgeBackgroundColor({
color: 'red',
tabId: tabId
});
}
});
仔细查看chrome.browserAction.setBadgeBackgroundColor
的文档。还有lots of examples using the browserAction API,你应该能够通过查看这些样本来获得有效的扩展。