说明:设置插件只在某些设定的页面处于可用状态,最直观的现象是,插件的图标只在某些页面是彩色的,否则在非指定的页面图标是灰色的。
需求:插件功能只针对淘宝页面,当当前页面为非淘宝页面时,为防止用户误操作,让插件处于不可用状态,只有当页面为淘宝页面时才激活插件。
主要步骤:
1.新建插件文件夹并在manifest.json中编写page_action
"page_action":{
"default_icon":"img/icon.png",
"default_title":"page action 插件",
"default_popup":"popup.html"
}
2.在manifest.json中编写background
"background":{
"scripts":["js/pageAction.js"],
"persistent":false
}
3.在pageAction.js中设置插件可用页面
chrome.tabs.query({currentWindow:true,url:"https://www.taobao.com/"},function(tabs){
chrome.pageAction.show(tabs[0].id);
})
4.在manifest.json中添加上一步用到的tabs权限
"permissions":[
"tabs"
]
5.插件安装和测试
本次课程只是简单介绍pageAction,在第3步中是对当前已打开页面进行查询,所以测试插件时,需要先打开淘宝页面,然后安装插件。更实用完整的pageAction功能下一课中有讲解。【谷歌插件01(在指定页面使用)】效果图
文章图片
文章图片
源码
链接:https://pan.baidu.com/s/1L8ts...
提取码:4spe