メニューバーを消してアイコンにまとめる(withoutアドオン)

結果から。このようになる。


アドオン(Compact MenuやTiny Menu)がなくてもuserChromeJSを使って消せる。


そのようなuserChromeJSは3種類見つかった。

  1. メニューバーを寄せ集める - Griever
  2. Compact Menu for userChrome.js - サバニFRP
  3. Firefoxのメニューを短くまとめるuc.jsスクリプト - AとBと改造日記

1のMedleyMenuを使わせて頂いております。


設定部分は、

(function() {
 var medleyList = [
    'file-menu',      //ファイル
    'edit-menu',      //編集
    'view-menu',      //表示
    'history-menu',   //履歴
    'bookmarksMenu',  //ブックマーク
    'tools-menu',     //ツール
    'helpMenu',       //ヘルプ
//    'endHistorySeparator',  //最近閉じたタブ の上の区切り
//    'historyUndoMenu',      //最近閉じたタブ
    'gmarksMenu',     //Gmarks
//    'menu_FileQuitItem'    //終了
    ];
//以下省略

という具合にしている。(Gmarksメニューを追加した。)



さらに、

アイコンをFirefoxのものに変更した。

紹介されているCSSで、

#medley-menu{
   -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABtklEQVQ4ja2TTWsTURSG779z2diipRQ/UEoXwTENCSQpBalFoaJQijKNaZo4pDNpJ2SGDuEmJOkwEOIXitJC1XTvD+guuXlcXA3iQmzrC8/mXO7zLg5HiMtmyrDjT7zTs9zugGxlQNb6SqZ8QnrnmNT2EcnCZ5a2PnLf/IDx/B3xzTdktqKzKcOOCyGEeLh3qjbkd86L8SxUQgghcrsDLsLC+iFCCCGy1jcukjuP2lqQefUFgMWufuj3+/R6PaIoIgxDut0u7XabVquFlBIpJQC31po/BeWTvzaNx+MJSimUUgDceNDQgvTOsR5oMWEY0ul0aDabNBoNgiDA933q9Tq1Wg3XdQGYXwm0ILV99E+tvxiNRgDMLftakHz5CYCrvv4opSQIAjzPw3VdHMehUqlgWRblcplSqQTAbLauBcaL95PWP5t+ZzgcTgCYSe1rwb3NtwBc2QelFL7v47outm1jWRbFYpFCoUA+n8c0TUzTBGA6WdWC+Mbr86x/ktiSowWxhF1dfBqxsH7I3ccdbq+1uLkqmV85YG7ZZzbncT1T41raZSa1x3TSIZZwiCXs6qUP8b/kB3fkhrnvnMMsAAAAAElFTkSuQmCC") !important;
}

の部分を、

#medley-menu{
   -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADm0lEQVQ4jWWTfVDTBRzGv+w3YC8/trGNNWBAcNBEC4wzzuTaIYqMiaN1wqzR2oGiAWocL3EYHLS0AJHAXCC+lONWXt5NeyGytOS4I6SQFy9eEoXjrZOIIl4kHE//VHfS8/fzef76PERrwo80+wfo3sh+9mDdl+mVjoncExd/T7N+2L3xlWM2v605MaRK4a9lqMGbAhu16ggKNxvk294aTP/uzsr1uUX0L7sw+MCF/r8e4pM7k6s7Dx6bjTPnObKiosIfGbCruGWXEoMnNzxj/iPu1YuwvV6Kj/IzcG1uEa1zK/jit2XUjswhoeobvFZSAEe5ccSu8dOXEXGojIj7voxpGs8WYbxIgeHsIDhD3ZH/7hl8sLSKy/Mu1IzPY2/bJOIaB1FoLcLMcCY+y9sydjpSuoGsnqS+ligcncoU4qddQvQms/jqOQGad0eg+R0LigdmUTKyhJz+BWg//QUhhqMYvmXE/e+T0RSvLKRTfu5ZgynChwOJPHRtE6ArSYTRLD90VlmQml8H/ef3scs5gc3VnVAXX8dj2go4q3dgaVKPj2MlrVQfyK28+6IIPfFCdOtF6Er1wUCxGkdz07GudggxZ35GeO4VqHafgpe2BhpjHm5f0WKhJw5nnxbN00k503AvhUVvkhhtOyU478tAH2uCwuSEPL8d0oIOyPa3QKGrAH9zGSK3WjDTo8H01fWoVIvnySbmFPRqeK6+5yVoS/DCt5GEzgNhMB16E8bMUpwrfQn7rLXgxVjBqA8hIy0Bf7Y+hTlnAFpSJCNUI6ColmBm5masF/rS5Lib4oEftJ64sYPFkIkPm+4JROvywUQcgYf/Hgw3BGDhkhK/npTh3Hqmnt4m8q73cmt3+LqjI0mK/r0KjGVJYYsNgvrxZJDqMBi5Cb7KZBSlbsEDuw+mK3n4Oom/ckIpTiUiojoPeqFR6LZ6IYiHHw0y3LYoMJyjREdmICoTQvCe1hvdBwSYLmcxWeGDW/tFsEeLB5tNEar/bCzxoPJqd7dle6An2hPE6N4jxYDFGxP7WIxlsBh4mcVooRhT1UrcMLNTx2O48Y/oHErkY3Ine63AzeXwYXB1Ex99Bhb3LEKMpvMwnidGb7oMtlDBdCyfjETkufZTHkQUtY5DVblCztBpObPY5M+4nGGc1ctPMisXNvFnD4cJbgaznGwiCvmn/79wiUgqIdqo4ZF5O5eO6Lhk3c6lgmg+GTyJQomIJSLmX+BvCazFEBpHzQgAAAAASUVORK5CYII=") !important;
}

に変更する。

結果



このようになる。


ちなみに、一番上の(タイトルバーの下の)バーは、メニューバーである。
メニューバーに検索バーやロケーションバーを載せている。


これで実はもうHide All Toolbarsなくてもやっていけるかも。メニューバーもステータスバーも消せたし。