在Firefox中添加工具栏按钮和菜单项

时间:2014-02-20 17:17:22

标签: firefox firefox-addon

我正在尝试开发Firefox插件。我已经为扩展开发了基本的javascript代码。现在我想要一个工具菜单中的菜单项和一个工具栏按钮。但是,我无法显示这两个元素(该按钮应出现在“自定义”菜单,IMO和“工具”菜单中的菜单项中)。我做错了什么?

这是chrome.manifest文件:

content     droptunesshuffle    chrome/content/
content     droptunesshuffle    chrome/content/ contentaccessible=yes
overlay chrome://browser/content/browser.xul chrome://droptunesshuffle/content/browser.xul

locale  droptunesshuffle    en-US   locale/en-US/

skin    droptunesshuffle    classic/1.0 skin/
style   chrome://global/content/customizeToolbar.xul chrome://droptunesshuffle/skin/skin.css

这是browser.xul覆盖文件:

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin/" ?>
<?xml-stylesheet href="chrome://droptunesshuffle/skin/skin.css" type="text/css"?>
<!DOCTYPE overlay SYSTEM "chrome://droptunesshuffle/locale/en-US/translations.dtd">
<overlay id="sample" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

        <script type="application/x-javascript src="chrome://droptunesshuffle/content/shuffle.js" />

        <menupopup id="menu_ToolsPopup">

            <menuitem label="Droptunes Shuffle "key="link-target-finder-run-key" oncommand="droptunesshuffle.run()"/>
        </menupopup>


        <keyset>
            <key id="droptunes-shuffle-run-key" modifiers="shift" key="S" oncommand="droptunesshuffle.run()"/>
        </keyset>

        <toolbarpalette id="BrowserToolbarPalette">
            <toolbarbutton id="droptunes-shuffle-toolbar-button" class=”toolbarbutton-1 chromeclass-toolbar-additional” image="chrome://droptunesshuffle/skin/icon.png" label="Droptunes Shuffle" tooltiptext="&droptunesshuffle;" oncommand="droptunesshuffle.run()"/>
        </toolbarpalette>
</overlay>

skin.css文件:

#droptunes-shuffle-toolbar-button{
list-style-image: url("chrome://droptunesshuffle/skin/icon.png");

}

1 个答案:

答案 0 :(得分:0)

这是一个bootstrap插件。运行代码,它将向所有窗口添加上下文菜单。

https://gist.github.com/Noitidart/8776519

现在只需更改添加上下文菜单即可添加到已存在的菜单项上下文中。 在我的要点中,将上下文菜单ID更改为“menu_ToolsPopup”,这会将菜单项添加到工具菜单中。

要添加工具栏按钮,请执行同样的操作来创建menuitem,但现在创建一个'toolbarbutton'元素并将其附加到id'nav-bar'。