需要
在上次课程中,咱们每次从新加载插件后,会在所有曾经关上的浏览器标签中找到咱们要求的页面并设置插件可用,这并不合乎咱们的理论应用习惯。在理论应用中,咱们须要的是每次关上页面,只有页面合乎咱们的设定条件,就会将插件设置成可用状态。
阐明
性能的实现波及到 2 个知识点,第 1 个是 content_scripts,将代码注入到页面中,第 2 个是音讯发送,当页面符合条件时 content_scripts 向 background(pageAction.js)发送音讯使其设置插件可用。
目录构造
次要步骤
1.manifest.json 中申明 content_scripts
应用 content_scripts 须要先在 manifest.json 中进行申明
"content_scripts":[
{"matches": ["https://*.baidu.com/"],
"js": ["js/jquery-3.3.1.min.js","js/content.js"]
}
]
2.manifest.json 中增加指标网页 url 权限
"permissions":[
"tabs",
"https://*.baidu.com/"
]
3.content.js 向 background 发送音讯
chrome.runtime.sendMessage({todo:"showPageAction"});
4.backgroud 设置音讯监听
chrome.runtime.onMessage.addListener(function(request, sender, response){if(request.todo == "showPageAction"){chrome.tabs.query({active:true,currentWindow:true},function(tabs){chrome.pageAction.show(tabs[0].id);
})
}
});
效果图
指定的网站为 https://www.baidu.com/
源码
链接:https://pan.baidu.com/s/10LiJ…
提取码:46o3