几分钟内构建一个 Chrome 扩展程序

有没有想过如何构建自己的 Chrome 扩展程序？其实并没有你想象的那么难！

在本教程中，我们将创建一个简单的 Chrome 扩展程序，将网页上的所有文本转换为 Comic Sans 字体。为什么要这么做呢？因为有些人就是喜欢看世界燃烧。

让我们开始吧！

首先，让我们创建一个空文件夹来存放扩展程序的内容。定义扩展程序所需的最小文件是清单文件 (manifest)，它会告诉 Chrome 扩展程序的定义特征。

在您的文件夹中创建一个名为的文件manifest.json，并在其中填充以下字段：

	{
	"name": "Comic Sans transformer",
	"description": "Transforms all text on a page into Comic Sans",
	"version": "1.0",
	"manifest_version": 3,
	"background": {
	"service_worker": "background.js"
	},
	"permissions": ["storage", "activeTab", "scripting"],
	"action": {
	"default_popup": "popup.html"
	}
	}

view raw gistfile1.txt hosted with ❤ by GitHub

让我们来看看那些不太直接的意思：

Manifest_version：您很可能想要输入 3，但如果您可能需要以不同的格式提供清单，您可以查看 Chrome 接受的其他清单版本
背景：您可以在这里放置在扩展程序后台运行的脚本
权限：这些是您使用扩展程序访问的 API。在这里，我们将使用storage来存储持久数据，使用activeTab来检查活动标签页，以及使用 scripting来在活动标签页上运行操作。
Action：您可以在此处放置扩展程序的不同类型的组件。在本例中，我们将创建一个弹出菜单，并告诉 Chrome 从popup.html