firefox浏览器插件HelloWorld

• 官方教程文档 https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension
• 下面使用的浏览器是firefox developer edition （开发者版本）

下载插件项目

下载地址

说明

index.js：内容脚本
background.js：后台脚本入口
manifest.json：插件配置文件，详见官网文档
icons/：图标
代码功能：把百度页面的body背景色改为红色，内容脚本与后台脚本的通信方式

在火狐浏览器打开扩展

调试附加组件

临时载入附加组件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sVo4QKKs-1673404562694)(null)]

选择manifest.json

载入后，点检查

打开的界面可以看到插件后台脚本的日志

打开百度首页，可以看到body背景色被内容脚本改为红色，f12可以看到内容脚本的日志

剩下就是看官网文档，写自己的代码