1.Chrome插件没有严格的项目结构要求,只要保证本目录有一个manifest.json
即可,也不需要专门的IDE,普通的web开发工具即可。
从右上角菜单->更多工具->扩展程序可以进入 插件管理页面,也可以直接在地址栏输入 chrome://extensions 访问。
1.编写manifest.json
{
"name": "Hello Extensions",
"description" : "Hello world Extension",
"author":"caijianli",
"version": "1.0",
"manifest_version": 2,
"icons":{
"48":"icon.png",
"128":"icon.png"
},
"browser_action":{
"default_icon":"icon.png",
"default_popup":"hello.html"
},
//新增内容如下
"commands":{
"_execute_browser_action":{
"suggested_key":{
"default":"Ctrl+Shift+F",
"mac":"MacCtrl+Shift+F"
},
"description":"Opens hello.html"
}
}
}
2.编写hello.html
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
3.放置图片
4.看一下效果