因此,我现在已经多次查看 Add-on SDK 的文档,但我在哪里看不到如何创建工具栏或修改现有工具栏。他们有一个关于创建附加栏图标的教程,但这不是我想要的。附加 SDK 是否支持此功能?如果是这样,有人可以将我链接到示例/教程。
问问题
3263 次
2 回答
11
这对我有用:
var data = require("self").data;
var {Cc, Ci} = require("chrome");
var mediator = Cc['@mozilla.org/appshell/window-mediator;1'].getService(Ci.nsIWindowMediator);
exports.main = function(options, callbacks) {
addToolbarButton();
// other stuff
};
function addToolbarButton() {
var document = mediator.getMostRecentWindow("navigator:browser").document;
var navBar = document.getElementById("nav-bar");
if (!navBar) {
return;
}
var btn = document.createElement("toolbarbutton");
btn.setAttribute('type', 'button');
btn.setAttribute('class', 'toolbarbutton-1');
btn.setAttribute('image', data.url('img/icon16.png')); // path is relative to data folder
btn.setAttribute('orient', 'horizontal');
btn.setAttribute('label', 'My App');
btn.addEventListener('click', function() {
// use tabs.activeTab.attach() to execute scripts in the context of the browser tab
console.log('clicked');
}, false)
navBar.appendChild(btn);
}
于 2011-10-31T19:05:06.717 回答
7
这是对第一个答案的点缀。
如果您有 dcolish 在他对顶部响应的评论中描述的困难,请将其添加到 main.js:
var tim = require("timers");
intervalId = tim.setInterval(timerFn,2000);
function timerFn() {
var win = mediator.getMostRecentWindow('navigator:browser');
if (win)
var document = win.document;
else
return;
var isBtn = document.getElementById('myappbutton-id');
if (!isBtn) addToolbarButton();
}
它很粗糙,但很有效。
编辑:更容易和更清洁的是:
var windows = require("windows").browserWindows;
windows.on('open', function(window) {
addToolbarButton();
});
在我的 Mac 上,Firefox 15 会在关闭窗口时自动删除图标。所以window.on('close', ...)
不需要。
于 2012-10-17T12:14:51.167 回答