Chrome扩展应用开发快速科普

最新推荐文章于 2024-09-16 13:21:55 发布

黄Java

最新推荐文章于 2024-09-16 13:21:55 发布

阅读量410

点赞数

分类专栏：黄Java的地盘文章标签： chrome google chrome

本文链接：https://blog.csdn.net/weixin_42899690/article/details/120562498

版权

本文从初学者角度，详细介绍了Chrome扩展应用的各个部分，包括Manifest File、Background Pages、Content Script和Options的功能和开发方法。通过一个表情插件的例子，展示了如何利用这些模块实现收集网页图片、管理表情及发送表情等功能，帮助读者快速了解Chrome扩展应用的开发流程。

摘要由CSDN通过智能技术生成

概述

本文通过对chrome插件的各个部分进行快速的介绍，从而让大家了解插件各个部分的关系，并且知道如何将其进行组装成一个完整的chrome插件。

由于chrome官方文档中对于如何从零开发一个chrome扩展应用没有一套完整的流程，同时官方的API文档对于初学者也不是那么友好，因此本文将通过一个初学者的视角来讲解如何从零开始快速了解和开发一个chrome插件。

本文的目标群体：已经了解或使用过chrome扩展应用，但是自己不知道如何开发一个chrome扩展应用的工程师。如果有具体的chrome扩展应用开发经验的同学，本篇文章可能太过简单，并不适合你。

本文的主要内容如下：

chrome扩展应用模块功能介绍
chrome扩展应用模块开发介绍

本文的内容不包括chrome扩展应用开发时提供的各个API功能详解，有需求的同学可以自行查看官方API文档。

chrome扩展应用模块功能介绍

chrome扩展应用由很多部分组成，其中主要模块为：

Manifest File
Background Pages
Content Script
Options

为了避免由于翻译原因导致的问题，因此在下文中对相关模块的称呼一律采用上面的英文。下面，我们先简单来了解下这些模块具体是什么作用。

Background Pages

A common need for extensions is to have a single long-running script to manage some task or state. Background pages to the rescue.

从官方的介绍我们可以知道，Background Pages的作用就是在浏览器运行时，会长时间执行的脚本。只要浏览器处于打开状态，在Background Pages中的脚本就会在后台执行。

Content Script

Content scripts are JavaScript files that run in the context of web pages. By using the standard Document Object Model (DOM), they can read details of the web pages the browser visits, or make changes to them.

从上面官方的介绍我们可以知道，Content Script其实就是我们需要写的将会在我们希望的目标页面中执行的脚本文件。每次目标页面刷新时，这部分脚本也会重新加载执行。