我们虽然粗略的会使用了一个,但是我们也要了解到底这个文件都有什么。
manifest_version 这个是必须要写的,而且一般是2,除非你是老版的代码
name 这个是这个自定义控件的名称
version 版本号
background 后台是使用哪个页面
这两个选一种方式
browser_action、page_action 展示我们的图标而且可以进行操作。而他们的结构都是
default_icon 控件图标
default_title 当鼠标移动到图标上时展示的文字
default_popup 点击控件图标后弹出的页面
坑死我了,这里有个坑。我先开始以为browser_action是在右上角的,而page_action是在网址旁,结果。。。呵呵哒。我目前在google上实验的结果是,他们都在右上角,唯一的不同就是,browser_action是打开一个页面就会有,而page_action是可以根据控制在不在这个页面上展示。
这里插播一个知识点(哈哈,我就插在这,你打我呀)。如果是page_action,需要加以下代码。
var allowPath = [/^https:\/\/ehire.51job.com\/*/, /^http:\/\/localhost:63342\/*/];
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
for(var i = 0 ; i < allowPath.length; i++){
if(tab.url.match(allowPath[i])) chrome.pageAction.show(tabId); //展示图标
}
});
content_scripts 数组,表示需要加载的js
matches 数组,在特定页面中加载下面的js '*'
js 数组,一并需要加载的js
这里坑死我了,我在这里配置完了,又跑到background又给tab页加载一次。。。后来发现根本不用那么多次配置。。。
还有个坑哦,小心中文转码的问题哦。
permissions 数组,标记在哪些页面中该控件好使
["tabs", "http://localhost:63342/*"]
有个坑哦,小心中文转码的问题哦。