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可以看到内容脚本的日志

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

firefox浏览器插件HelloWorld相关推荐

常用的Firefox浏览器插件、Chrome浏览器插件收藏
[血的教训] 不要去下载"Firefox中国版(谋智网络)",默认情况下会给你安装好多的莫名其妙的插件,推荐去Firefox官方下载原版. Firefox 原版官方网址: http ...
FlashInspector 【Firefox浏览器插件，flash分析工具】
Inspect flash(swf)'s DisplayObject with mouse. Overview the swf's DisplayObject list. Set the inspec ...
firefox浏览器插件--【维基百科+谷歌翻译】高级应用之带图翻译
[维基词典+谷歌翻译]插件地址: https://addons.mozilla.org/zh-CN/firefox/addon/google-dictionary-and-google-t/?src= ...
[firefox浏览器插件]记录一下自己经常用的插件
火狐浏览器插件_期待！全新安卓正式版Firefox火狐浏览器，将支持97个插件
一直以来,无法在手机浏览器上安装各种方便的插件都是许多用户心中的遗憾.此前,扩展迷也曾给大家介绍过一款能够在手机上使用Chrome插件的kiwi和Yandex浏览器.但是直到现在,这两种浏览器在国内都 ...
Ubuntu17.0版本安装firefox浏览器flash插件
按照下面百度的教程下载好flash插件: linux系统下安装flash player插件在Ubuntu17.0版本中,firefox浏览器插件目录已经改变,当前路径是 /usr/lib/firef ...
Web安全基础之Mozilla Firefox常用插件
Mozilla Firefox,中文俗称"火狐"(正式缩写为Fx或fx ),是一个由Mozilla开发的自由及开放源代码的网页浏览器.其使用Gecko排版引擎,支持多种操作系统,如 ...
Firefox Quantum支持跨浏览器插件架构
最新发布的Firefox 57 "Quantum"加入到Chrome和Edge的行列,现在只支持基于WebExtensions API的扩展插件,也就是基于跨浏览器的扩展架构,使用 ...
Firefox鼠标手势插件在哪安装火狐浏览器鼠标手势怎么用
一些资深网民一定用过浏览器手势,使用鼠标右键划下轨迹,就可以快速新建标签.关闭当前页面,刷新页面等操作,而在 Firefox 火狐浏览器中也可以使用这样的插件,但Firefox鼠标手势插件在哪安装呢? ...

firefox浏览器插件HelloWorld

下载插件项目

说明

在火狐浏览器打开扩展

调试附加组件

临时载入附加组件

选择manifest.json

载入后，点检查

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

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

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

firefox浏览器插件HelloWorld相关推荐

最新文章

热门文章