PTT數位生活區 / Browsers (瀏覽器)

Re: [-Fx-] FlexFox 的重大更新

看板Browsers (瀏覽器)作者 (神獸)時間1天前 (2025/05/29 22:49), 12小時前編輯推噓3(3推 0噓 2→)
留言5則, 3人參與, 15小時前最新討論串2/2 (看更多)
從 v3.4.2 之後的更新 ### 1. 支援 Firefox Color 可以很簡單的將 FlexFox 修改為自己喜歡的顏色。 安裝 Firefox Color 擴展，這是 Mozilla 官方推出的擴展 https://addons.mozilla.org/firefox/addon/firefox-color/ 到 Firefox Color 網站 https://color.firefox.com/ 先在 `Custom backgrounds` 這一頁，隨便選任何一張背景圖片， 純色也可以，之後就可以任意調整 Firefox 介面的顏色，所見即所得。 如果不挑選任何圖片，需在 `about:config` 啟用 `uc.flex.allow-addons-to-change-toolbar-color` 這個選項， 這樣在 Firefox Color 所做的修改才會生效。 下面是通過 Firefox Color，套用 Rosé Pine Moon https://github.com/rose-pine/firefox 的主題後，FlexFox 的樣子 https://i.imgur.com/IXEuFnX.png
### 2. 修復 Sidebery 在 Firefox v140 無法展開的問題 : → YuQilin: v3.4.2至少可以用到Firefox v140沒有問題。 上次某人說 v3.4.2 最少可以用到 Firefox v140 都不會有問題， 結果很快就被打臉了XD 不知道是不是因為 v140 是下一個 ESR 版本的關係， 開發組好像打了雞血，做了非常多的更新。 v140 對於側邊欄結構的修改， 會讓很多自動展開側邊欄的樣式掛掉， 有使用側邊欄樣式的人要注意更新。 ### 3. 一些 bug 修正，樣式微調。 其中最重要的是，當原生垂直分頁放在右側時， 滑鼠移到螢幕邊緣的展開會非常不順暢，而且滾動條也無法顯示。 因為平日沒有使用這樣的佈局，我一直沒有發現。 這個 bug 相當離譜，基本讓原生垂直分頁在右側時是不太可用的狀態。 ### 4. 改良地址欄的顯示效果。 之前地址欄展開的樣子太難看，現在漂亮多了。 : 推 hohiyan: url讓它保持原來的樣子就好了，圓角化並不好看 XD 04/25 22:46 現在新增了一個選項： `uc.flex.revert-to-original-flat-corner-style` 設為 true 之後會停用地址欄、搜尋框、尋找欄的大圓角設計， 改回 Firefox 預設的平角樣式 https://i.imgur.com/63uPGNT.png
另外，在 uc-variables.css 底下新增了這些變數： ``` --uc-urlbar-border-radius: 30px; --uc-urlbar-popup-border-radius: 15px; --uc-urlbar-icon-radius: 16px; --uc-urlbar-icon-inner-radius: 6px; --uc-searchbar-popup-border-radius: 12px; --uc-findbar-border-radius: 8px; ``` 複製到 chrome\components\uc-user-settings.css 修改這些變數就可以快速調整地址欄、搜尋框、尋找欄的圓角半徑設定。 ### 5. 關於使用快速鍵和工具列按鈕切換佈局 上次更新有提到可以使用快速鍵和按鈕快速切換 4 種佈局， 這裡補充說明一下詳細的方法。 先安裝這個擴展 https://addons.mozilla.org/firefox/addon/userchrome-toggle-extended/ 安裝好以後，按照下圖設定 https://i.imgur.com/LzWd4TB.png
基本上只需要打勾就好。 設定好以後一定要記得按左上角的 `Apply changes` 按鈕。 Ctrl+Shift+1 | Lock Sidebery | 鎖定垂直分頁保持展開狀態 Ctrl+Shift+2 | Hide Topbar | 完全隱藏上方的工具列，滑鼠移到邊緣顯示 Ctrl+Shift+3 | Hide Sidebery | 完全隱藏垂直分頁，滑鼠移到邊緣顯示 Ctrl+Shift+4 | Hide All | 隱藏所有UI，僅顯示網頁內容 可以更改預設快速鍵，點擊右上角齒輪，我自己修改為 Alt+1/2/3/4 https://i.imgur.com/enq4IpG.png
不習慣用鍵盤，可以設定為滑鼠手勢，也可以使用工具列的按鈕切換 https://i.imgur.com/I6TZH2y.png
-- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.147.222 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1748530194.A.12C.html
推
05/30 02:02, 23小時前 , 1F
也順便問一下書籤那個愛心能不能換回原本的星星跟改
05/30 02:02, 1F
→
05/30 02:02, 23小時前 , 2F
顏色？
05/30 02:02, 2F
推
05/30 04:28, 21小時前 , 3F
bookmark icon 有選項可以改回原本的
05/30 04:28, 3F
→
05/30 04:29, 21小時前 , 4F
感謝作者增加選擇 URL bar 形狀的選項
05/30 04:29, 4F
推
05/30 10:01, 15小時前 , 5F
推 其實我喜歡urlbar圓的XD
05/30 10:01, 5F
書籤愛心可以用選項關閉 uc.flex.revert-to-original-bookmark-star-icon true 書籤星星的顏色可以用變數控制 --uc-bookmark-star-color: light-dark(#ea4c89, #9651ff); 也可以更換成自己喜歡的圖示，替換掉下面的檔案 ../icons/bookmark/bookmark.svg 其他像Windows視窗控制按鈕、側邊欄按鈕的圖示也可以還原或更換 uc.flex.revert-to-original-window-controls true uc.flex.revert-to-original-sidebar-icon true 下拉選單、右鍵選單的圖示也可以關閉 uc.flex.disable-menu-icons true 「尋找欄失去焦點時自動隱藏」這個功能也可以關閉 uc.flex.disable-findbar-autohide true 詳細的選項可以看這裡 https://is.gd/ddatT4 安裝時把user.js放到Profile設定檔資料夾下 重新啟動後就會自動匯入這些選項，不用手動輸入 (記得匯入後要把user.js刪除，之後所做的修改才能保存) 在 `about:config` 當中輸入 `uc.flex.` 就會列出所有FlexFox使用的選項 雙擊即可切換開關 當初想FlexFox這個名字就是希望它能夠很有彈性的意思， 所以常常寫好一個功能後，就是再寫個選項把這個功能關掉XD 結果用到最後，其實我自己只有使用自動隱藏這一個功能而已 :) ※ 編輯: YuQilin (114.37.95.97 臺灣), 05/30/2025 13:20:36
‣ 更多 YuQilin 的文章
文章代碼(AID): #1eE7GI4i (Browsers)
Browsers 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 YuQilin 的文章
文章代碼(AID): #1eE7GI4i (Browsers)