轉(zhuǎn)自：https://www.toolchest.cn

視頻教程和源碼見文章結(jié)尾，若無法打開視頻請查看原作者文章

大家好。從今天開始我們將一起學習chrome插件的開發(fā)，這是我們本套課程的第1課，主要對課程的基本情況進行說明。今天的課程我們主要介紹以下內(nèi)容：

什么是chrome插件，它能干什么？

為什么是chrome插件而不是其它瀏覽器插件?

學習chrome插件開發(fā)需要哪此知識儲備？

本課程的主要框架

1.什么是chrome插件，它能干什么？

chrome 插件是為chrome瀏覽器添加功能的小程序，chrome插件可以獲取網(wǎng)頁內(nèi)容并可以操作網(wǎng)頁內(nèi)容，大致包含以下功能：

修改頁面結(jié)構(gòu)：節(jié)點的增刪修改

修改頁面樣式：所有css功能

獲取網(wǎng)頁數(shù)據(jù)：網(wǎng)絡爬蟲

進行頁面操作：自動填入信息、點擊等

網(wǎng)絡數(shù)據(jù)交互：ajax功能 瀏覽器操作：cookie、書簽、歷史記錄等

2.為什么是chrome插件而不是其它瀏覽器插件?

首先chrome是使用最多的瀏覽器，其次國內(nèi)許多瀏覽器是基于chrome內(nèi)核開發(fā)的，chrome插件可以用于許多其它瀏覽器上，如360、百度等瀏覽器上。

3.學習chrome插件開發(fā)需要哪些知識儲備？

只需要html、css和javascript的基礎知識即可進行插件開發(fā)，其中html和css只在特定需求下才用到并非必要，javascript也只用到其中的最基礎的一些知識，幾乎是零門檻。我們還可以選擇使用如jQuery之類的JavaScript庫，讓開發(fā)變得更簡單。

4.本課程的主要框架

本教程將教你如何開發(fā)、調(diào)試和部署Chrome插件。學習中將邊開發(fā)邊學習概念而不是先對所有概念進行介紹。

Hello World

Browser Action

Page Action

非Browser Action或Page Action的其它知識

調(diào)試

部署

轉(zhuǎn)自：https://www.toolchest.cn/