悬停在上方时如何使Firefox扩展URL按钮显示字符串

Question

我已经做了完整的FF扩展名，URL栏中有一个按钮。 老板现在希望将鼠标悬停在按钮上时显示一个特定的字符串。 这是按钮的当前代码：

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById('urlbar-icons')
    var btn = doc.createElement('toolbarbutton');
    btn.setAttribute('id', 'urlbutton');
    btn.setAttribute('image', require('sdk/self').data.url("canNone.png"));
    btn.addEventListener('command', urlBtnClick, false);
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = require('sdk/window/utils').getMostRecentBrowserWindow().document;

var urlbarButton = loadURLButton(doc, openTab);

我可以添加些什么以便在悬停时弹出一些ID？

Answer 1

Awwwww的人为之作nothing。 该属性不是工具提示，而是工具提示文本！ 因此，只需执行btn.setAttribute（'tooltiptext'，'无论您想要什么'）;

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById('urlbar-icons')
    var btn = doc.createElement('toolbarbutton');
    btn.setAttribute('id', 'urlbutton');
    btn.setAttribute('tooltiptext', 'mytt');
    btn.setAttribute('image', 'chrome://branding/content/icon32.png');
    btn.addEventListener('command', urlBtnClick, false);
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = document;

var urlbarButton = loadURLButton(doc, null);

Answer 2

我看到了我尝试在其上设置Tooltip属性以及所有匿名子代的问题，但是该问题没有起作用。

因此，我想将面板附加到它。 这段代码不起作用，但我们的方向是正确的：

https://developer.mozilla.org/zh-CN/docs/Mozilla/Tech/XUL/panel#Examples

var loadURLButton = function(doc, urlBtnClick) {
    var urlBarIcons = doc.getElementById('urlbar-icons')
    var tooltip = doc.createElement('panel');
    tooltip.setAttribute('style', 'width:100px;height:100px;background-color:red;');
    tooltip.setAttribute('id', 'mytt');
    tooltip.textContent = 'my toold tip';
    var btn = doc.createElement('toolbarbutton');
    btn.setAttribute('id', 'urlbutton');
    btn.setAttribute('tooltip', 'mytt');
    btn.setAttribute('image', 'chrome://branding/content/icon32.png');
    btn.addEventListener('command', urlBtnClick, false);
    btn.appendChild(tooltip)
    urlBarIcons.appendChild(btn);
    return btn;
}

var doc = document;

var urlbarButton = loadURLButton(doc, null);