浏览器插件是什么？

你平时用Chrome浏览器，有没有装过广告拦截器、翻译工具、截图插件？这些就是浏览器插件（也叫扩展）。

今天教你做一个自己的插件——一个「摸鱼神器」：点击插件图标，当前网页立刻变成一个假的工作文档界面。

准备工作

你只需要：

开始动手

第一步：在电脑上创建一个文件夹，比如叫「my-extension」。

第二步：在文件夹里创建一个文件叫 manifest.json，内容如下：

{
"manifest_version": 3,
"name": "我的第一个插件",
"version": "1.0",
"description": "一个简单的Chrome插件",
"action": {
"default_popup": "popup.html"
}
}

这个文件就像插件的身份证，告诉Chrome这个插件叫什么、做什么。

第三步：创建 popup.html 文件：

今日待办

今天是个好日子

安装到Chrome

点击插件图标，会弹出一个小窗口，显示"今日待办"和一个按钮。点按钮会显示当前时间。

这就完成了？

对，就这么简单！一个Chrome插件的核心就是这两个文件。当然，你可以让它变得更复杂：

起步就是这么容易，关键是迈出第一步。做出第一个插件后，你会发现编程并没有那么可怕。