經過一個多月的更新，FlexFox 現在有了許多新功能： ### 1. 可以用快速鍵或擴充功能按鈕，即時切換 4 種佈局模式 - 切換原生垂直分頁與 Sidebery 的「自動收合」和「保持打開」模式 - 完全隱藏頂部工具列（導覽列、書籤列），滑鼠移至螢幕邊緣時自動展開 - 完全隱藏原生垂直分頁與 Sidebery，滑鼠移至螢幕邊緣時展開 - 隱藏所有工具列與側邊欄，僅顯示網頁內容，滑鼠移至螢幕邊緣時展開 以上 4 種佈局模式可以根據不同的使用場景，任意組合搭配使用。 **使用範例：** 例如當你需要一邊寫作、一邊參考網頁內容，將瀏覽器和其他應用程式並排顯示時， 第 4 種佈局可以隱藏所有 UI，僅保留網頁畫面，最大化可視空間， 很適合在這種場景中使用。 下圖的左邊是瀏覽器： https://i.imgur.com/C8QAUvB.jpeg 如果需要開啟多個無 UI 的小視窗，推薦使用這個擴展： https://addons.mozilla.org/firefox/addon/popup-window/ 又或者你想要沉浸式地瀏覽網頁內容，不想被多餘的 UI 元素干擾， 但又希望能隨時返回桌面環境操作，這時 F11 的全螢幕模式切換就不夠靈活， 第 4 種佈局提供與全螢幕相同的顯示效果，但不會鎖住桌面， 使用起來比全螢幕模式方便。 推薦搭配「視窗最大化時自動隱藏 Windows 工作列」的 MOD https://windhawk.net/mods/taskbar-auto-hide-when-maximized https://windhawk.net/mods/taskbar-auto-hide-speed --- ### 2. 在 F11 全螢幕模式下，自動隱藏原生垂直分頁 當切換到全螢幕時，FlexFox 會自動隱藏原生垂直分頁，避免 UI 佔據可視空間。 --- ### 3. 可輕鬆自訂書籤資料夾圖示 * 預設情況下 Firefox 會為所有書籤資料夾加上相同的圖示： https://i.imgur.com/uC34I53.png * 使用 `uc.flex.remove-bookmarks-folder-icons` 可以移除資料夾圖示，只顯示文字： https://i.imgur.com/Wi9cOk5.png * 設定 `uc.flex.enable-colored-bookmarks-folder-icons = 1` 會啟用第一組彩色資料夾圖示： https://i.imgur.com/azRsrpU.png * 第一組圖示搭配 `uc.flex.remove-bookmarks-labels` 可隱藏文字、只顯示圖示： https://i.imgur.com/P09XOig.png * 設定 `uc.flex.enable-colored-bookmarks-folder-icons = 2` 會啟用第二組圖示（第二組圖示會自動隱藏文字）： https://i.imgur.com/F1aED36.png 如果要自訂圖示，只需要更換 `../icons/bookmark/` 資料夾下的 `folder*.svg` 檔案 。 可以前往 [streamlinehq](https://www.streamlinehq.com/?tab=free) 尋找喜歡的圖示素材，下載後取代預設的檔案。 透過 `--uc-bookmark-folder-*` 變數可以設定圖示的顏色、位置與大小， 達到自己理想的樣式。 --- ### 4. 側邊欄開關按鈕更換為 Firefox 的 Logo 側邊欄開關按鈕的圖示現在預設使用 Firefox 的 Logo， 「列出所有分頁」的按鈕也更換為與 Logo 搭配的樣式。 這些更改可以由選項關閉，還原回原本的樣式。 此按鈕預設會放在導覽列最左側，但位置仍然可以自由調整。 如果將側邊欄放在右側，Firefox 預設會把按鈕移動到漢堡選單的前方， 而 FlexFox 則會自動將它移到整個工具列的最右側，與垂直分頁對齊， 保持佈局的一致性。 --- ### 5. 支援漸層色強調效果 Firefox 的 Logo、側邊欄彩帶與書籤星星圖示都可以切換為漸層色樣式： * `uc.flex.enable-gradient-highlight = 0`：關閉 * `uc.flex.enable-gradient-highlight = 1`：啟用 目前預設提供一組漸層色，是我測試功能時所選擇的樣本，可能與主題不完全契合。 不過你可以使用 `--uc-gradient-highlight` 變數，設定自己喜歡的漸層效果。 **使用範例：** 當側邊欄開關按鈕（Firefox logo）在最左側，並啟用了漸層效果與彩色資料夾圖示， 將「列出所有分頁」的按鈕放在 logo 旁邊，打開分頁列表後的顯示效果： https://i.imgur.com/j8SzzOQ.png --- ### 6. 支援透過腳本或 git pull 自動安裝與更新 FlexFox 現在支援以腳本或 git pull 方式更新， git pull 可以只更新 `chrome` 資料夾，排除其他不必要的檔案。 **線上安裝/更新方式：** 連下載都不需要，只需按下 `Win + R` 開啟 PowerShell，輸入下列指令： ```powershell Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass; iex ((New-Object Net.WebClient).DownloadString('https://raw.githubusercontent.com/yuuqilin/ FlexFox/refs/heads/main/deploy-userchrome.ps1') -replace '(?s)<#.*?#>', '') ``` 腳本會提示選擇安裝位置，不需要變更的話只要按兩次 Enter 即可完成更新。 **本地安裝/更新方式：** 如果想靜默更新（無需手動操作），可以先下載腳本後執行： ```powershell powershell -ExecutionPolicy Bypass -Command "$env:FLEXFOX_INSTALL_MODE = ' silent'; .\deploy-userchrome.ps1" ``` 系統會自動更新並在完成後自動關閉視窗，非常適合排程或自動化使用。 --- 以上為近日更新的功能簡介，詳細的使用方法， 請參閱 FlexFox 專案網站上的 [README 說明](https://github.com/yuuqilin/FlexFox) 。 --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.158.117 (臺灣) ※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1747464990.A.384.html 因為新功能造成的bug太多了，修不完，所以一直在更新XD 現在應該全部修完了，順便連未來的v140也相容了。 (v140將會是下一個ESR版本，有許多重大變更， 屆時可能一些樣式又會掛掉，或者造成顯示的bug， 但是v140速度快很多，側邊欄的摺疊和展開會非常絲滑流暢) 現在有腳本可以線上自動更新，也可以下載腳本到本地， 設定排程，每28天Firefox更新的時候，自動執行腳本。 腳本會比對本地的樣式和github的版本， 如果有需要就會自動更新，使用者不再需要記憶版本號碼， 手動檢查和下載進行安裝，現在更新會比以前方便很多。 我還有幾個功能想做的，例如： * 新分頁的搜尋框焦點不要自動跳到url地址欄 * 地址欄搜尋的彈出效果 * 補齊缺失的選單圖示 * 自動套用使用者佈景主題而不需要使用選項來啟用 * 添加類似Arc、Zen的UI佈局？ 不過目前大致上就這樣了， 後續的功能如果用不到的話其實不用更新， v3.4.2至少可以用到Firefox v140沒有問題。 ※ 編輯: YuQilin (61.228.158.117 臺灣), 05/17/2025 16:24:31 在 `chrome/components/` 底下新增一個 `uc-user-settings.css` 文件 裡面加入 /* Allow bookmarks and search bar to grow */ toolbar:not(#TabsToolbar) > #personal-bookmarks { flex-grow: 1 !important; } toolbar:not(#TabsToolbar) > #search-container { flex-grow: 1 !important; } ※ 編輯: YuQilin (61.228.163.238 臺灣), 05/24/2025 19:52:08