这是我参与11月更文挑战的第22天，活动详情查看：2021最后一次更文挑战
chrome 插件开发入门 我打算分为两部分给大家介绍
现在先更第一篇
1.什么是Chrome插件
在我们的日常开发过程中，我们会在浏览器上安装很多有利于我们开发或者说更方便于使用chrome浏览器的插件，那么到底什么是chrome插件呢？ 其实Chrome插件就是一个用Web技术开发、用来增强浏览器功能的扩展程序，所以也许‘chrome扩展’比‘chrome插件’更贴切于它的意义。
比如博主在组内做了个chrome插件，向整个环境中注入dayjs、lodash这些环境，这样的话，我们在调试的时候就可以在浏览器的控制台直接去使用，测试，而不需要到他的官网下，或者去页面中进行测试，大大的提高了我们的开发的效率。后来还开发了个插件，用来在我们阅读英文文档时，若是遇到读不懂的内容可以选中右击，进行翻译，这个小工具我个人觉得还是挺实用的。
那下面我们就来详细给大家介绍下开发的流程吧
-
开发初体验
1.本地创建一个文件及：test
2.在test文件夹中，创建manifest.json。任何插件都必须要有这个文件，用来描述插件的配置信息
{
"name": "test",
"description" : "this is test",
"version": "0.0.1",
"manifest_version": 2,
}
定义当前插件名，描述信息，以及版本号等
3.给插件加一个浏览器右上角的icon
这里可以自定义图标图片
{
"name": "Hello Extensions",
"description" : "Hello world Extension",
"version": "1.0",
"manifest_version": 2，
"browser_action":
{
"default_icon": "./icons/16.png",
"default_title": "这是一个示例Chrome插件",
"default_popup": "index.html"
}
}
并且还可以给它一个点击之后默认的弹出内容，如index.html中
然后我们就可以简单的来测试下我们刚刚写的小demo了
打开我们的chrome插件扩展，将我们写的test文件夹直接拖进来，然后你会发现在你的扩展器内多了一个名叫test的插件，如图：
这个时候，我们可以把该插件固定在我们浏览器的右上角，点击的时候会发现，弹框中的内容就是我们刚刚index中的写的内容哦，样式可以自行修改的。
先写到这里，后面继续补充啊，这里大家可以自己启动一个小的demo试试看啦，还是比较有意思的
欢迎大家提出自己的意见和见解哦，共同探讨，进步～
