如果说我们的电脑或手机上只安装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
—
关注公众号了解更多原创教程
联系客服