谷歌插件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功能下一课中有讲解。
【谷歌插件01(在指定页面使用)】效果图
谷歌插件01(在指定页面使用)
文章图片

谷歌插件01(在指定页面使用)
文章图片

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

    推荐阅读