chrome extensions 开发之 page_action

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





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值