视频教程和源码见文章结尾,若无法打开视频请查看原作者文章
大家好。从今天开始我们将一起学习chrome插件的开发,这是我们本套课程的第1课,主要对课程的基本情况进行说明。今天的课程我们主要介绍以下内容:
什么是chrome插件,它能干什么?
为什么是chrome插件而不是其它浏览器插件?
学习chrome插件开发需要哪此知识储备?
本课程的主要框架
1.什么是chrome插件,它能干什么?
chrome 插件是为chrome浏览器添加功能的小程序,chrome插件可以获取网页内容并可以操作网页内容,大致包含以下功能:
修改页面结构:节点的增删修改
修改页面样式:所有css功能
获取网页数据:网络爬虫
进行页面操作:自动填入信息、点击等
网络数据交互:ajax功能 浏览器操作:cookie、书签、历史记录等
2.为什么是chrome插件而不是其它浏览器插件?
首先chrome是使用最多的浏览器,其次国内许多浏览器是基于chrome内核开发的,chrome插件可以用于许多其它浏览器上,如360、百度等浏览器上。
3.学习chrome插件开发需要哪些知识储备?
只需要html、css和javascript的基础知识即可进行插件开发,其中html和css只在特定需求下才用到并非必要,javascript也只用到其中的最基础的一些知识,几乎是零门槛。我们还可以选择使用如jQuery之类的JavaScript库,让开发变得更简单。
4.本课程的主要框架
本教程将教你如何开发、调试和部署Chrome插件。学习中将边开发边学习概念而不是先对所有概念进行介绍。
Hello World
Browser Action
Page Action
非Browser Action或Page Action的其它知识
调试
部署