做开发的老铁们都喜欢自己做应用给自己用,做一个谷歌扩展demo非常简单,你仅需会写html,css,js即可,不废话上流程。
1.创建一个项目
mkdir google-demo
2.创建基础文件
manifest.json
{
"name": "BookMark",
"version": "1.0",
"manifest_version": 2,
"description": "添加书签",
"browser_action": {
"default_icon": "img/128.png",
"default_title": "3分钟学会谷歌浏览器插件",
"default_popup": "bookmark.html"
},
"icons": {
"16": "img/16.png",
"48": "img/48.png",
"128": "img/128.png"
}
}
3.搞个界面
在manifest.json的配置中,有一个default_popup的选项,它的值是 bookmark.html,so需要新建这么一个页面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="container">
这是一个chrome 插件拓展案例
</div>
</body>
</html>
4.安装打包
打开chrome浏览器,chrome://extensions/
5.给我点赞
不喜欢废话,有用就给我点赞