博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Firefox附加组件]0002.添加菜单项
阅读量:4591 次
发布时间:2019-06-09

本文共 1271 字,大约阅读时间需要 4 分钟。

Add-onSDK 还不能为火狐浏览器提供一个API添加新的菜单项。但它是可扩展的设计,所以任何人都可以建立和发布模块,使用插件开发者。大牛埃里克沃尔德写的模块,能够使我们很方便的添加菜单项。

开发步骤


1.老规矩首先创建一个新的扩展程序。创建一个目录名称为"ItemTest"(自己随便取),并运行cfx init初始化 。

mkdir ItemTestcd ItemTestcfx init

2.安装 menuitems

  [1].从下载 。

  [2].在ItemTest项目中新建 packages 文件夹,并将下载好的  解压到此文件夹。
3.检查模块依赖

[1].如果第三方模块只引用了SDK的模块,你可以马上使用它们,但如果依赖于其他第三方模块,则需要安装所依赖的第三方模块。

[2].进入menuitems主目录,打开"package.json"的文件,将看到 "dependencies": ["api-utils", "vold-utils"],这告诉我们需要安装 模块, 从下载,并添加到 menuitemss 目录下的package

4.使用menuitems

[1]. 告诉使用MenuItem()创建一个新的菜单项. MenuItem()可接受的附加选项, 我们将使用最迷你的配置:

  • id: 菜单项标示符
  • label:菜单项线上的文本
  • command: 用户选择菜单项的响应函数
  • menuid: 菜单项的父类标示符
  • insertbefore: 我们希望出现的标示符之前的位置  

   [2].修改ItemTest 项目下lib文件夹中的main.js,添加以下内容:

var menuitem = require("menuitems").Menuitem({  id: "clickme",  menuid: "menu_ToolsPopup",  label: "ItemTest -Click Me!",  onCommand: function() {    console.log("ItemTest clicked");  },  insertbefore: "menu_pageInfo"});

5.为ItemTest项目添加 menuitems的依赖

  [1].向ItemTest项目下的package.json文件添加下面一行内容

"dependencies": "menuitems"

 6.进入ItemTest项目,运行命令

cfx run

7.查看fireFox菜单栏中得工具栏目

 

8.单击ItemTest -Click Me!,注意查看终端控制台

 

向fireFox中添加新的菜单项,我们就愉快的完成了.

 

相关参考链接


menuitems 模块: vold-utils 模块: Menuitems模块文档:

 

 

本站文章为原创,转载务必在明显处注明:(作者官方网站:) 

转载自 原文链接: 

 

 

转载于:https://www.cnblogs.com/superdo/p/4830402.html

你可能感兴趣的文章
jquery 编程的最佳实践
查看>>
MeetMe
查看>>
IP报文格式及各字段意义
查看>>
(转载)rabbitmq与springboot的安装与集成
查看>>
C2. Power Transmission (Hard Edition)(线段相交)
查看>>
STM32F0使用LL库实现SHT70通讯
查看>>
Atitit. Xss 漏洞的原理and应用xss木马
查看>>
MySQL源码 数据结构array
查看>>
(文件过多时)删除目录下全部文件
查看>>
T-SQL函数总结
查看>>
python 序列:列表
查看>>
web移动端
查看>>
5. Longest Palindromic Substring (DP)
查看>>
sql语句一些简单的用法
查看>>
HDU 5934 Bomb(炸弹)
查看>>
领域驱动设计之聚合与聚合根实例一
查看>>
selenium中各个模块操作:下拉框、鼠标悬浮连贯、拼图拖拽操作
查看>>
C# 调用Windows图片查看器
查看>>
Excel系列教程(1):如何自动填充单元格
查看>>
jQuery中的冒泡事件和阻止冒泡
查看>>