Firefox拡張機能/tmp - api_programming @ ウィキ

ui/button/action - MDN Add-ons

ツールバーにボタンを表示する

• sdk/ui/button/action
• sdk/ui/button/toggle

※sdk/widgetは非推奨。今後廃止予定

コンストラクタは

ActionButton(options)

必須optionsは

id	ボタンのID	アドオン中で一意に決まること
label	ツールチップ出てくる文字列（人が読める）
icon	icon画像の位置	URL指定もできるし、dataフォルダからの相対パス指定もできる

main.js内で

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

ボタンにバッジを付ける

プロパティに badge を加える。

var button = buttons.ActionButton({
badge: 0

数字じゃなくて、文字列でもできた。
切り替えるときは

button.badge = 100

とか。

https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/tabs

新しいタブを開く

var tabs = require("sdk/tabs");
tabs.open("http://www.example.com");

タブの変化を検知する(Track Tabs)

open/close/finish loading DOM content/active/inactiveの情報がくる

タブは、関数の引数で飛んでくる

タブが開かれたことを検知する

tabs.on('open', function onOpen(tab) {...});

タブの内容がロードされたことを検知する

tabs.on('ready', function(tab) {console.log('tab is loaded', tab.title, tab.url);});