「ツールバー」の編集履歴（バックアップ）一覧はこちら

ツールバー - (2014/10/29 (水) 09:52:40) の１つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

firefox28以前は小さなアイコン(16px)と大きなアイコン(24px)だったが、
firefox29以降はツールバーアイコン(18px)とパネルアイコン(32px)に変更された。
#contents()
*ツールバーアイテムを作成する
chrome.manifest
#highlight(manifest){
overlay chrome://browser/content/browser.xul       chrome://sample/content/browser.xul
style chrome://global/content/customizeToolbar.xul chrome://sample/skin/button.css}
browser.xul
#highlight(xml){
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://sample/skin/button.css" type="text/css"?>
<overlay id="sampleOverlay"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<toolbarpalette id="BrowserToolbarPalette">
    <toolbarbutton id="restartButton"
        label="再起動"
        tooltiptext="Firefox を再起動します"
        class="toolbarbutton-1 chromeclass-toolbar-additional"
        oncommand="Application.restart();"/>
</toolbarpalette>

</overlay>}
button.css
#highlight(css){{
#restartButton {
    list-style-image : url("chrome://sample/skin/restart.png");
} }}

firefox28以前は小さなアイコン(16px)と大きなアイコン(24px)だったが、
firefox29以降はツールバーアイコン(18px)とパネルアイコン(32px)に変更された。

#contents()
*ツールバーアイテムを作成する
chrome.manifest
#highlight(manifest){
overlay chrome://browser/content/browser.xul       chrome://sample/content/browser.xul
style chrome://global/content/customizeToolbar.xul chrome://sample/skin/button.css}
browser.xul
#highlight(xml){
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://sample/skin/button.css" type="text/css"?>
<overlay id="sampleOverlay"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<toolbarpalette id="BrowserToolbarPalette">
    <toolbarbutton id="restartButton"
        label="再起動"
        tooltiptext="Firefox を再起動します"
        class="toolbarbutton-1 chromeclass-toolbar-additional"
        oncommand="Application.restart();"/>
</toolbarpalette>

</overlay>}
button.css
#highlight(css){{
#restartButton {
    list-style-image : url("chrome://sample/skin/restart.png");
} }}