如果说我们的电脑或手机上只安装1个软件或app的话，毫无疑问肯定是浏览器。
浏览器是绝大部分信息的入口，是各互联网巨头争抢的主战场，现在主流浏览器包括Chrome、Edge、Firefox、360等，其中Chrome是市场份额最高也是最受大家喜爱的浏览器。我们的浏览器插件开发也是以chrome为例子进行讲解。
01
什么是浏览器插件？
一个应用（扩展）其实是压缩在一起的一组文件，包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。应用（扩展）本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全都有。
浏览器插件其实就是对浏览器功能的扩展，用户可以利用浏览器提供的api定制自己专属的功能，如：
01
修改页面结构：节点的增删修改
02
修改页面样式：所有css功能
03
获取网页数据：网络爬虫
04
网页操作：自动填入信息、点击
05
网络数据交互：ajax功能
06
浏览器操作：cookie,书签,历史
02
为什么要学习浏览器插件开发？
01
实用性强
浏览器插件的很多功能都是我们平时工作中切实需要的，是基于需求的而不是基于技术的，插件对工作效率的提升很有帮助，所以容易变现（我是看到1个极简单的插件就年收百万的案例才对插件开发感兴趣）。
02
功能强大
浏览器插件可以实现网络爬虫、自动化测试、web前端、网络数据交互等功能，学好了浏览器插件开发，可以直接用浏览器实现以上功能，无需重复单独学习。
03
门槛较低
只需要html、css和javascript的基础知识即可进行插件开发，其中html和css只在特定需求下才用到，javascript也只用到其中的最基础的一些知识，几乎是零门槛。
04
容易学习
浏览器插件在浏览器的基础上进行扩展，无需了解浏览器的底层逻辑，无需重复造轮子，使用浏览器提供的少数api就能实现强大的功能。
03
如何学习浏览器插件开发？
01
整体把握
浏览器提供的api并不多，可以首先对浏览器插件能够实现的主要功能有个全面的把握，心中有个大致的框架，学习知识点时将内容填充到框架中，做到心中有数。
02
以终为始
学习每个知识点前，首先要了解其主要功能，要先定好自己的需求和目标，牢记学习的过程是一个解决问题的过程，而不是记忆背诵的过程。
03
多看案例
网上有许多插件，解压后可查看其源码，对照api文档可了解其功能，模仿是学习任何东西的最有效的方法，多看多想能够快速将分散的知识点构建成项目，但要注意由易到难。
最后希望各位朋友在插件学习的过程中，不仅是掌握了一项技能，更能通过该技能得到物质和精神上的收获。
视频教程https://www.bilibili.com/video/BV1a64y187QR
图文教程和源码http://www.toolchest.cn
—
关注公众号了解更多原创教程
联系客服
