Re: [-Fx-] FlexFox更新了1.0.0版 速度提升了100x

這篇要說明FlexFox二個很重要的功能： 更換書籤資料夾的圖示，更換介面的字型和字體加粗。 下面提到的方法，不安裝FlexFox也一樣可以使用。 由於FlexFox有自動隱藏書籤工具列的功能， 而且它的書籤不會自動填滿整個工具列， 剩下的空間可以把全部的擴展按鈕放這裡， 這樣導覽列就會變得很乾淨清爽： https://i.imgur.com/dRji7U5.png 示意圖裡有一排比較低的圖示就是書籤資料夾， 我故意把圖示降低讓大家可以看出區別。 可以看到它的前後都有其他擴展按鈕， 而且它不會把後面的擴展按鈕推到工具列的尾部， 會保持自然的空間排列， 這個就是FlexFox書籤不填滿工具列的特色。 然而有另一種排版習慣， 那就是將常用的書籤和擴展按鈕直接放在導覽列上， 這樣開啟書籤的速度會變快， 同時像擋廣告、擋cookie、腳本和樣式的擴展， 它們會顯示目前網站執行的結果或數字， 這種擴展放導覽列，才能隨時看到網站目前的狀態： https://i.imgur.com/KDL487C.png 示意圖可以看到，這種擺法導覽列會變得很難看XD 書籤太多太長了，會擠壓到網址欄和其他按鈕的空間。 FlexFox有二種功能可以縮減書籤的長度： 1. `uc.flex.remove-bookmarks-folder-icons` 打開這個功能後，會移除書籤資料夾的圖示， 保留書籤資料夾的文字。 而網站有圖示的，例如圖裡的YouTube，會移除文字只保留圖示： https://i.imgur.com/JvwVD78.png 有沒有覺得火狐的介面文字顏色太淡了？ 開啟 `uc.flex.add-ui-text-stroke` 之後文字會變黑： https://i.imgur.com/gEpPJde.png 這個功能預設只加深文字的顏色，如果要順便替換字型， 用上一篇教學的方法找到`uc-misc.css`， 裡面有下面的樣式： /* Add text stroke */ @media (-moz-bool-pref: "uc.flex.add-ui-text-stroke") { * { /*font-family: !important;*/ text-shadow: 0 0 0.03em color-mix(in srgb, currentColor 80%, transparent); /*-webkit-text-stroke: 0.015em;*/ } #urlbar-input { text-shadow: none; /*-webkit-text-stroke: 0;*/ } } 將 /*font-family: !important;*/ 前後的/**/刪除， 然後填入你想更換的字型名稱，例如： font-family: Chiron Hei HK !important; tip: text-shadow用color-mix混合目前的文字顏色， 加深的顏色才會是字體當前的顏色，如果直接指定陰影為黑色， 遇到紅色的字或者黑底白字，文字反而會變得更淡。 不過這樣雖然書籤縮短了，但是只剩下書籤資料夾， 以前放在書籤工具列上可以快速存取的個別網站的書籤， 例如YouTube要怎麼辦呢？ 這個時候就是釘選分頁派上用場的時候了， 這種網站可以收藏在書籤資料夾裡， 但是實際使用時會從釘選分頁的快捷方式直接打開： https://i.imgur.com/OsPvrD4.png 下一篇會繼續說明FlexFox縮短書籤的第二種方法， 也是我目前實際使用的方法。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.163.81 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1732581081.A.873.html