[-Fx-] FlexFox 的重大更新
經過一個多月的更新,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://www.ptt.cc/bbs/Browsers/M.1747464990.A.384.html
推
05/17 15:48,
2周前
, 1F
05/17 15:48, 1F
→
05/17 15:48,
2周前
, 2F
05/17 15:48, 2F
因為新功能造成的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
推
05/18 02:08,
2周前
, 3F
05/18 02:08, 3F
推
05/19 17:02,
2周前
, 4F
05/19 17:02, 4F
推
05/20 09:13,
2周前
, 5F
05/20 09:13, 5F
推
05/24 12:32,
1周前
, 6F
05/24 12:32, 6F
→
05/24 12:32,
1周前
, 7F
05/24 12:32, 7F
在 `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
推
05/26 22:23,
1周前
, 8F
05/26 22:23, 8F
推
05/27 07:22,
1周前
, 9F
05/27 07:22, 9F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇):
Browsers 近期熱門文章
PTT數位生活區 即時熱門文章