page_action 和 browser_action
不同之处在于 browser_action 一直显示在右上角 toolbar , page_action可以控制显示、隐藏(置灰)
"page_action": {
"default_icon": "image/icon.png" ,
"default_title": "default title",
"default_popup": "popup.html"
},
"background": {
"page": "backgroud.html",
"persistent": false
},
page_action 中的属性, default_popup 如果不写的话 ,
pageAction hide状态,点击icon按钮,显示界面如下:
“查看弹出内容”置灰, 不可点击(如果配置了default_popup以后 popup.html仍然不显示)
当pageAction show的话,显示界面如下:
如果不配置default_popup, , 按钮不可点 , 配置default_popup,可以显示
还需要注意一个问题
{
"manifest_version":2,
"name": "coffee",
"version": "1.0",
"description": "page_action用法",
"icons":{
"128": "image/icon.png"
},
"page_action": {
"default_icon": "image/icon.png" ,
"default_title": "default title",
"default_popup": "popup.html"
},
"background": {
"page": "backgroud.html",
"persistent": false
},
"permissions": [
"declarativeContent", "tabs", "http://*/*", "https://*/*"
]
}
background.html 不可以用background.js代替
<html>
<head>
<script src="js/background.js"></script>
</head>
<body>
<canvas id="canvas" width="19" height="19"></canvas>
</body>
</html>
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if(tab.url.indexOf ("taobao") > 0){
chrome.pageAction.show(tabId);
}else{
chrome.pageAction.hide(tabId);
}
});
如果page_action配置 background.js 则程序运行的时候回报错
Lazy require of extension.binding did not set the binding field