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

看板Browsers (瀏覽器)作者YuQilin (神獸)時間4小時前 (2024/11/26 08:31)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串3/3 (看更多)

這篇要說明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

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

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