初识 firefox 扩展

tanglijun 2月 03, 2016

firefox 社区有大量的插件可供使用，这些这件是怎么开发的呢，让我们一起来研究研究。

准备工作

安装 nodejs

nodejs 官方下载

1_1

安装 jpm

jpm 工具用于开发、调试和打包 firefox 插件。它发布在 npm 上。

npm i jpm --global

1_2 1_3

不想全局安装不加参数 −−global 即可

npm i jpm

第一个插件

创建一个目录，进入目录，运行 jpm init ，根据提示完成初始化

mkdir myaddon & cd myaddon & jpm init

2_1

初始化后目录结构

2_2

使用你最爱的编辑器打开 index.js 加入以下代码

var buttons = require('sdk/ui/button/action');
var tabs = require("sdk/tabs");

var button = buttons.ActionButton({
  id: "mozilla-link",
  label: "Visit Mozilla",
  icon: {
    "16": "./icon-16.png",
    "32": "./icon-32.png",
    "64": "./icon-64.png"
  },
  onClick: handleClick
});

function handleClick(state) {
  tabs.open("https://developer.mozilla.org/");
}