React开发chrome插件系列教程之chrome插件基本介绍

chrome插件能干什么

引用官网的话：

扩展程序是可以定制浏览体验的小型软件程序。它使用户可以根据个人需要或偏好来定制 Chrome 功能和行为。它们是基于 Web 技术（例如 HTML，JavaScript 和 CSS）构建的。 扩展由相互联系的各种组件组成，组件可以包括后台脚本，内容脚本，选项页，UI 元素和各种逻辑文件。

• 书签控制
• 下载控制
• 窗口控制
• 标签控制
• 网络请求控制，各类事件监听
• 自定义原生菜单
• 完善的通信机制

我们常见的包括很多网页比价工具、取色器、掘金默认标签页，甚至是redux开发调试工具，json浏览器工具等都是通过chrome插件实现的

感兴趣的可以去chrome官方应用商店看看：https://chrome.google.com/webstore/category/extensions

chrome插件的版本

注意chrome插件也是有官方版本的，不同版本之间对chrome浏览器的支持也不一样

考虑到兼容性这里的教程采用v2版本进行开发和展示

chrome插件的浏览器支持

首先，毋庸置疑的是chrome浏览器对chrome插件的支持肯定是最好的

其次，webkit内核的浏览器（国内360浏览器，搜狗浏览器等）一般来说也是可以运行的

最后，firefox浏览器目前也对chrome插件提供了一定的支持

也就是说，无论考虑浏览器支持还是网上资料以及开发难度上，chrome插件都是在人力有限情况下的首选方案~

<