谷歌插件01（在指定页面使用）

说明：设置插件只在某些设定的页面处于可用状态，最直观的现象是，插件的图标只在某些页面是彩色的，否则在非指定的页面图标是灰色的。
需求：插件功能只针对淘宝页面，当当前页面为非淘宝页面时，为防止用户误操作，让插件处于不可用状态，只有当页面为淘宝页面时才激活插件。
主要步骤：
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功能下一课中有讲解。

效果图


源码
链接：https://pan.baidu.com/s/1L8ts...
提取码：4spe