[-Fx-] FlexFox 的重大更新
看板Browsers (瀏覽器)作者YuQilin (神獸)時間1月前發表 (2025/05/17 06:56), 1月前編輯推噓7(7推 0噓 2→)留言9則, 6人參與, 4周前最新討論串1/2 (看更多)
經過一個多月的更新，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,
1月前
, 1F
05/17 15:48, 1F
→
05/17 15:48,
1月前
, 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,
1月前
, 3F
05/18 02:08, 3F
推
05/19 17:02,
1月前
, 4F
05/19 17:02, 4F
推
05/20 09:13,
1月前
, 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,
4周前
, 8F
05/26 22:23, 8F
推
05/27 07:22,
4周前
, 9F
05/27 07:22, 9F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇)：
Browsers 近期熱門文章
PTT數位生活區 即時熱門文章
