Firefox56.0.2→FirefoxQuantum66.0.5に更新してみた。

firefox_browser_internet_black_30985_1920x1080.jpg

FirefoxQuantum


長々と使用していたFirefox56.0.2
先日のFirefoxアドオン無効化事件もあった事だし、FirefoxQuantum57が出てから現在は66.0.5
FirefoxQuantum57がリリースされた時は、Addonやabout:configのやり方等の情報が出揃ってなかったけど、
そろそろ様々な情報もあるだろうし、いい加減更新してみるか!
と、思い立ったのでFirefoxQuantumにしてみた。

FirefoxQuantumは、Firefox56で使用していたアドオンがほとんど使用不可なので、FirefoxQuantumにした時に設定と調べ物に多大な時間を要する必要があったので、
なかなかFirefoxQuantumにする踏ん切りがつかなかったのですが、良い機会かなと思いましてね。

以下、Firefox56に動作を近づけるために行った設定変更やAddon

FirefoxQuantum 「about:config」等の設定

・ポップアップを新しいウィンドウではなく新しいタブに開く
「browser.link.open_newwindow」を「3」に、
「browser.link.open_newwindow.restriction」を「0」に設定

・ 新しいタブを開くボタンで開くページを指定する
アドオン「New Tab Homepage」を使用

・ブックマークを現在のタブではなく新しいタブに開く
「browser.tabs.loadBookmarksInTabs」を「true」に設定

・ロケーションバー(アドレスバー)から現在のタブではなく新しいタブに開く
「browser.urlbar.openintab」を「true」に設定

・検索バーから現在のタブではなく新しいタブに開く
「browser.search.openintab」を「true」に設定

・最後のタブを閉じてもウィンドウを閉じない
「browser.tabs.closeWindowWithLastTab」を「false」に設定

・リンクを新しいタブで、タブの一番最後に開く
「browser.tabs.insertRelatedAfterCurrent」 を「false」に設定

・Firefox Quantumの「ページを Pocket に保存」を消す方法
「extensions.pocket.enabled」を「false」に設定

・マウスジェスチャー後に右クリックメニューが出るのを防ぐ
「dom.event.contextmenu.enabled」を「true」に設定
※右クリック禁止のページで右クリックができなくなるが、「Shift」+右クリックでコンテキストメニューを出すことが出来る。

・検索バーの履歴表示順を入力順に変更
「browser.formfill.bucketSize」の値を-1
「browser.formfill.maxTimeGroupings」の値を-1
「browser.formfill.timeGroupingSize」の値を-1

・マウスホイールのスクロール量
「mousewheel.default.delta_multiplier_y」値を変更する 100 ←現在

・アドレスバーでのHTTP表示
「browser.urlbar.trimURLs」を「false」に設定

・フルスクリーン表示を消す
「full-screen-api.warning」
「full-screen-api.warning.delay」500→0
「full-screen-api.warning.timeout」3000→0
に設定

・「このページから移動しますか?」を出さないようにする
「dom.disable_beforeunload」を「true」に設定

・ブックマーク項目を中ボタンクリックで、ページを開いた後もブックマークが閉じなくなる(空いている部分をクリックすると閉じる
「browser.bookmarks.openInTabClosesMenu」を「false」に設定

・ブラウザキャッシュサイズ変更
「browser.cache.memory.max_entry_size」を10240に変更

Addon

・Gesturefy
・uBlock Origin
・New Tab Homepage
・QuickDrag WE
・WX Download Status Bar
・Noise
・BurningMoth AddSearch(検索エンジン追加したい時だけON)
・FoxReplace


user CSS

/* URLバーとサーチバーのクリック時の青枠強調無し */
#urlbar,
.searchbar-textbox {
border-color: #555555 !important;
}

/* サイドバーのブックマーク検索を非表示 */
/* 履歴サイドバーの検索バーを非表示 */
#bookmarksPanel > hbox,
#history-panel > hbox {
display: none !important;}

/* リンク/ブックマークコンテキストメニューの「新しいウィンドウで開く」を非表示にする */
#context-openlink,
#placesContext> menuitem[id="placesContext_open:newwindow"] {display: none !important;}

/* サイドバーのタイトルカラーとテキストカラー変更 */
#sidebar-box sidebarheader {background-color: #222222 !important; color: #fff7ff !important;}

/* サイドバーのタイトル大きさ */
#sidebar-header{
margin: 0px !important;
padding: 2px !important;
}

/* サイドバーの背景色とテキストの色 */
#bookmarks-view, #historyTree {
background-color: #222222 !important; color: #fff7ff !important;
}

/* サイドバーの行間 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: tree rows ::::: */
treechildren::-moz-tree-row {
min-height: 1.6em !important;
}

/* タブとタイトルバーの高さ */
#main-window[sizemode="normal"] #toolbar-menubar {
margin-top: -1px !important;
}

/* active tabs top line color アクティブタブ上部の線 */
.tab-line[selected=true] {
background-color: #555555 !important;
}

/* タブのマウスオーバー時にミュートアイコン表示 */
.tabbrowser-tab:not(:hover) .tab-icon-sound{
display:none !important;
}

/* Showing close button on tabs タブにマウスを載せた時に閉じるボタンを表示する*/
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }

/* 要らないコンテキストメニュー */
/* コンテキストメニュー 戻る */
#context-back {
display: none !important;
}

/* コンテキストメニュー 進む */
#context-forward {
display: none !important;
}

/* コンテキストメニュー 更新 */
#context-reload {
display: none !important;
}

/* コンテキストメニュー 中止 */
#context-stop {
display: none !important;
}

/* コンテキストメニュー ブックマーク */
#context-bookmarkpage {
display: none !important;
}

/* 戻る進む更新中止Bookmarkの下の区切り線 */
#context-sep-navigation {
display: none !important;
}

/*ファビコンが読み込み完了の時にクルッとなる*/
.tabbrowser-tab[bursting] .tab-icon-image {
animation: hoge .4s ease-in-out !important;
}
@keyframes hoge {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(90deg);
}
66% {
transform: rotate(-90deg);
}
100% {
transform: rotate(0deg);
}
}

/*ブックマークフォルダカラー ここから*/
/* Colored folders for Bookmarks Menus, Bookmarks Sidebar, Bookmarks Toolbar, Library window, Add/Edit Bookmarks dialog
Original: https://www.userchrome.org/samples/userChrome-color_bookmark_folders_20171219.css
Updated for Firefox 60: https://www.userchrome.org/samples/userChrome-color_bookmark_folders_20180510.css
Uses mods for Firefox 62 from cor-el's Sept. 15, 2018 post:
https://support.mozilla.org/questions/1232447#answer-1151074
*/

/* Standard folder -- on Toolbar and Menus */
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Standard folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
fill: #918674 !important; /* slightly muted gold */
}

/* Live Bookmark -- on Toolbar and Menus */
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"][livemark="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Live Bookmark -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, livemark) {
fill: orange !important;
}

/* Smart bookmark folder -- on Toolbar and Menus */
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"][query="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Smart bookmark folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, query) {
fill: #69c !important; /* similar to blue smart folder color */
}

/*** Top-level "container" icons (otherwise would be Standard folder color) ***/
/* Bookmarks Menu -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________),
#editBMPanel_bmRootItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="1"] > .menulist-label-box > .menulist-icon {
fill: #918674 !important;
}

/* Bookmarks Toolbar -- on Menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar > .menu-iconic-left > .menu-iconic-icon,
#bookmarksMenuPopup #bookmarksToolbarFolderMenu > .menu-iconic-left > .menu-iconic-icon,
/* Bookmarks Toolbar -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____),
#editBMPanel_toolbarFolderItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="0"] > .menulist-label-box > .menulist-icon {
fill: #918674 !important;
}

/* Other Bookmarks -- on Menus */
#BMB_bookmarksPopup #BMB_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
#bookmarksMenuPopup #menu_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
/* Other Bookmarks -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
#editBMPanel_unfiledRootItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="2"] > .menulist-label-box > .menulist-icon {
fill: #918674 !important;
}

/* (Older Firefox) Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

/*ブックマークフォルダカラー ここまで*/

/*ツールチップ*/
tooltip {
-moz-appearance: none !important;
color: #d6c098 !important;
background-color: rgba(0,0,0,0.7) !important;
border:1px !important;
border-radius: 2px !important;
}

/*左下のステータスパネル*/
#statuspanel-label {
background-color:rgba(0,0,0,0.7) !important;
color: #d6c098 !important;
border:1px !important;
border-top-right-radius: 2px !important;
}





とまぁ こんな感じでようやくFirefoxQuantumの動作をFirefox56に近づけることが出来ました✧*。٩(ˊωˋ*)و✧*。
FirefoxQuantumにして、マウスジェスチャのAddonを入れた後、
マウスジェスチャの後に右クリックメニュー(コンテキストメニュー)が出るのにはまいりましたが、
56の時に、右クリック禁止のページでも右クリックメニューを出せるようにabout:configを変更していたのが悪さしていました。

そういった不具合も出たので、56の時にいじっていたabout:config
FirefoxQuantumではそれが悪さすることもあるし、追加で付け加えたabout:configの項目もあり、いったいどれがそうなのか忘れてしまったので、
その後、FirefoxQuantumは一度リフレッシュしてabout:configをやり直しました。
Addonの設定はバックアップ出来る物が多いので、設定をいちいちメモらなくても良いのが助かりました。

それにしても、Firefox56.0.2まではAddonが豊富で本当に使いやすかったとFirefoxQuantumにしてみて実感しましたが、
FirefoxQuantumしてみると、それはそれで使い慣れてきましたけど、タブの読み込み時のドットが左右にゆらゆらするのはどうにも気になりますね。
別の読み込み表示に変えられるなら変えたい・・・。

56の時は、検索バーの右端に▼をCSSで表示させて一発で検索履歴が出るようにしていたのですが、
CSSが効かなくなり不便を感じましたが、ググりまくって知りました。
検索バー左端の虫眼鏡をダブルクリックすると検索履歴が出るようになったんですね!
こんな裏技的な事、調べないと分からないよ!
普通虫眼鏡ダブルクリックしないでしょうに・・・。

サイドバーの色変更は56の時からこんな感じにしてます。
CSSは上記にあります。
1_20190514164545c7e.png


サイドバーのタイトルフォントはこれで変更できますが、

/* サイドバータイトルフォント */
#sidebar-title {
font-family: "フォントを指定" !important;
}

サイドバーの「ブックマーク」というカタカナを英字にしたい場合どうすれば良いのか未だにわかりません。
どなたか教えて頂けると幸いです。



Firefoxアドオン無効化事件
厄介な事やらかしてくれましたが、自分にとってはFirefox56を見限るいい機会になりましたとさ。

※FirefoxQuantum66.0.5にしてみたら、何故か自分のFC2ブログの表示がよくバグりまくります(´;ω;`)ブワッ

追記 2019/07/03

その後、Firefox68で、about:config→「gfx.webrender.all」を「true」にしてwebrenderを有効にするとGPU支援がより有効活用出来るようになり、バグる事が無くなりました。
YouTube等の動画サイトでも、今までハードウェアアクセラレーションを有効にしていてもちょっとしかGPUが支援してくれなかったのが、より活用出来るようになりました。