作者YuQilin (神獸)
看板Browsers
標題[-Fx-] FlexFox更新了1.0.0版 速度提升了100x
時間Sun Nov 24 13:11:24 2024
暗色主題下的FlexFox
https://i.imgur.com/ACxdFFS.png
FlexFox是一個Firefox的使用者樣式，它主要的功能有：
1. 選擇要縮小或隱藏哪些工具列或側邊欄，滑鼠懸停時展開，將可視畫面最大化。
2. 隱藏所有工具列和側邊欄時，畫面只剩網頁內容，如同全螢幕。
3. 工具列和側邊欄展開時，會覆蓋在網頁內容上，不會推擠網頁，造成畫面跳動。
4. 和Sidebery搭配使用，Sidebery啟用時，自動隱藏水平分頁，
Sidebery關閉時，自動恢復水平分頁。
5. 可以和多種排版設置相容，例如開啟標題列或選單列，側邊欄放置在左側或右側。
6. 改良的尋找列，縮小化後移動到瀏覽器的上方浮動顯示，可自訂左右水平位置，
預設失去焦點後自動隱藏，可在選項關閉。
7. 精簡的擴展面板，僅顯示擴展圖示，滑鼠右鍵叫出擴展選單，
也可在選項中改為另一種有文字的緊湊面板。
8. 自動摺疊Sidebery的導覽面板和釘選分頁，懸停時展開，
展開時保持分頁的垂直位置不變，避免畫面上下跳動和滑鼠重新定位。
還有其他一些小功能，例如更換Firefox介面的字型和文字加黑，
給每個書籤資料夾更換不同的圖示，僅顯示書籤圖示或僅顯示書籤文字等等。
v1.0.0版主要更新了二個地方，一個是渲染速度大幅提升，比舊版快了100倍。
是的，100倍，就離譜。
現在開啟最吃重的右鍵選單的速度，僅比原生主題多了16ms，幾乎沒有感知差異。
第二個重大更新是加強了Sidebery側邊欄放置在右側時的相容性，
現在放在右側全螢幕時邊緣不會有亮線。
還有視窗非最大化時也能很輕鬆的在視窗邊緣觸發工具列或側邊欄展開，
觸發的區域大小可以自訂。
其他說明和下載及安裝方法請見
https://github.com/yuuqilin/FlexFox
我晚點補圖。
[!] 如果你有安裝過1.0.0之前的版本，安裝前請先至about:config
搜尋`uc.flex.`，將舊版FlexFox的選項全部刪除後再更新。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.163.81 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1732425086.A.7AE.html
※ 編輯: YuQilin (61.228.163.81 臺灣), 11/24/2024 13:33:26
1F：推 neoark: 推個，試用了一下非常不錯，自動隱藏toolbar真好用 11/24 22:43
2F：推 MK47: 推 真的好用 11/25 00:28
3F：推 dirtywestwes: 感謝。想請問大家：1.圖中的.js哪些要true，才能隱 11/25 17:27
4F：→ dirtywestwes: 藏search bar、最上欄的檔案編輯等；同時不隱藏書 11/25 17:27
5F：→ dirtywestwes: 籤？2. Fully hides the top tab bar, navigation 11/25 17:27
6F：→ dirtywestwes: bar, and bookmarks toolbar這欄ture會遮住Sideber 11/25 17:27
7F：→ dirtywestwes: y最上面幾個功能是正常的嗎？ 11/25 17:27
1.預設Sidebery會縮小，`uc.flex.fully-hide-sidebery`為true的話會完全隱藏。
`uc.flex.disable-bookmarks-autohide`為true的話書籤工具列不會隱藏。
其實不用從`user.js`改，將`user.js`放入profiles，火狐啟動後刪除`user.js`，
再到`about:config`搜尋`uc.`，就會看到全部`uc.flex`的選項，
在這裡切換true/false，瀏覽器的介面會即時更動，可以馬上看到選擇後的結果。
2.是不正常的，`uc.flex.fully-hide-toolbox`設為true的話顯示效果應該是這樣
https://i.imgur.com/tnoNoXV.png
※ 編輯: YuQilin (61.228.163.81 臺灣), 11/25/2024 18:54:28
喔喔 華生你發現了bug 如果同時開啟
`uc.flex.disable-bookmarks-autohide`
`uc.flex.fully-hide-toolbox`
就會發生Sidebery頂部被吃掉的情況
不過開啟`uc.flex.fully-hide-toolbox`時
會隱藏所有的頂部工具列包括書籤工具列
所以和`uc.flex.disable-bookmarks-autohide`
「不隱藏書籤工具列」這個選項是互斥的
目前沒有辦法隱藏頂部工具列但單獨保留書籤工具列ToT
※ 編輯: YuQilin (61.228.163.81 臺灣), 11/25/2024 20:04:38
10F：推 dirtywestwes: 感謝原po，下午改.js排列組合改到快中風，原來有bu 11/25 21:10
11F：→ dirtywestwes: g。另請問，像原po的Sidebery上面的ptt、推特一樣 11/25 21:10
12F：→ dirtywestwes: 有很多網站可快捷進入，是要釘選嗎？如果要釘選又 11/25 21:10
13F：→ dirtywestwes: 要減少記憶體用量，需要每開一次就卸載一次它們嗎 11/25 21:10
14F：推 dirtywestwes: 我這邊看是釘選就好，然後不用卸載，預設是沒加載 11/25 21:14
是的，那個是釘選分頁，它的用途像快捷一樣，
適合存放每次開啟瀏覽器一定會去訪問的地方，
而且在整個瀏覽的過程中，
三不五時就會回頭檢查它的內容有沒有更新。
這種分頁如果每次都從書籤開啟，不看的時候關閉，
過一陣子又從書籤開啟，這樣反覆開啟關閉，會很浪費時間。
把它釘選到所有分頁的頂部，使用上會更有效率。
FlexFox會自動摺疊釘選分頁，每一列最多5個，
大約可以釘選20個左右的分頁而不會佔用到太多垂直方向的空間，
把空間留給其他普通分頁。
火狐預設啟動的時候會自動載入釘選分頁，
如果你的釘選分頁很多，啟動的時候會全部一次載入，
會拖慢啟動的速度。
如果你不希望火狐在啟動的時候自動載入釘選分頁，
可以在about:config搜尋
/* Prevents pinned tabs from automatically loading at browser startup. */
// user_pref("browser.sessionstore.restore_pinned_tabs_on_demand",true);
如果你擔心釘選分頁佔用太多記憶體，可以用Sidebery的卸載功能，
右鍵 > 第一排中央的電源按鈕
如果沒時間手動卸載，可以用 Auto Tab Discard 擴展
https://addons.mozilla.org/zh-TW/firefox/addon/auto-tab-discard/
設定一段時間後自動卸載沒有使用的分頁。
Auto Tab Discard預設會為卸載分頁加上Zzz的圖示，
但是Sidebery卸載狀態的分頁會自動變灰色，
顯示很清楚完全不需要難看的Zzz，
所以你可以在Auto Tab Discard的設定中將Zzz刪除。
※ 編輯: YuQilin (61.228.163.81 臺灣), 11/25/2024 22:08:34
15F：→ dirtywestwes: 剛加入火狐幫，感謝熱心解惑，一點紅包不成敬意 11/25 22:51
16F：推 simbafs: 這個太棒了，真好看 11/26 01:04
17F：推 rockmanx52: 請問有沒有把左上三個視窗功能鍵換回Windows預設模式 11/26 03:52
18F：→ rockmanx52: 的方法？ 11/26 03:52
19F：→ YuQilin: 網址欄輸入about:config 搜尋或新增 11/26 08:26
20F：→ YuQilin: `uc.flex.revert-to-original-window-controls` 11/26 08:26
21F：→ YuQilin: 設為 true 11/26 08:26
22F：→ YuQilin: @dirtywestwes 感謝你的紅包 11/26 08:33
23F：→ dirtywestwes: 裝完好像還變快了 11/26 08:56
24F：推 rockmanx52: 感激！ 11/26 16:51
25F：推 leon19790602: 請問一下，如果想要保留佈景主題要如何操作，用了後 11/27 20:00
26F：→ leon19790602: 佈景主題好像就不會生效了，謝謝! 11/27 20:00
是的 會蓋掉佈景主題 這是繼承自VerticalFox的特性
我有計劃把它改掉 不過還沒寫
你打開uc-variables.css 找到
--bg: #1a1b26;
--bg: #f1f5f9;
這二行 把它改成
--bg: var(--toolbar-bgcolor);
佈景主題就會生效了
但是Sidebery側邊欄 原生就不會跟著佈景主題變動
原本FlexFox的側邊欄和工具列的色彩是統一的
啟用佈景主題後 需要手動修改Sidebery的樣式
我有在Sidebery的樣式裡面預留可以放置背景圖片的位置
你找出使用的主題的背景之後 把它放入預留的空位就可以了
※ 編輯: YuQilin (114.37.120.248 臺灣), 11/27/2024 20:46:57
27F：推 leon19790602: 成功了!非常感謝你，這次更新到133真的讓userchrome 11/27 21:09
28F：→ leon19790602: .css寫好的TST自動隱藏側邊欄失效，還好有Sidebery 11/27 21:09
29F：→ leon19790602: 跟你的FlexFox，再次感謝Y大 11/27 21:09
30F：推 leon19790602: Y大想再請教一下，自動縮起後的側邊欄，能否有參數 11/27 21:29
31F：→ leon19790602: 改縮起來的寬度，因為我看縮起來後，最下方的書籤小 11/27 21:29
32F：→ leon19790602: 圖標有露出來一點，想再自行縮小幾個px 11/27 21:29
33F：推 leon19790602: 我自己找到了 --uc-sidebar-width: 44px 這裡 11/27 21:50
34F：→ leon19790602: Y大提供一個小缺陷，以後更新看能不能修改，就側邊 11/27 21:50
35F：→ leon19790602: 欄上方隱藏的Sidebery展開後，在白色背景下Sidebery 11/27 21:50
36F：→ leon19790602: 字樣會被蓋掉，如下圖紅框 11/27 21:50
38F：→ YuQilin: 我的不會耶 FlexFox預設應該是這個樣子 11/27 22:30
40F：→ YuQilin: 看圖好像是側邊欄的表頭沒有正確展開到 11/27 22:30
41F：→ YuQilin: --uc-sidebar-hover-width所設定的寬度 11/27 22:30
42F：→ YuQilin: 你有修改其他地方嗎？ 11/27 22:30
43F：→ YuQilin: 還有書籤不應該會露出來 11/27 22:30
44F：→ YuQilin: 我當初就是因為Sidebery的圖示沒有對齊 11/27 22:30
45F：→ YuQilin: 強迫症發作 所以才動手改樣式的XD 11/27 22:30
46F：推 leon19790602: 好怪，我userChrome.css沒其他了，書籤露出應該算是 11/27 23:16
47F：→ leon19790602: 小問題我調38就好，表頭那個就真的不曉得了，反正無 11/27 23:16
48F：→ leon19790602: 傷功能不管它了，還是謝謝Y大 11/27 23:16
49F：推 leon19790602: Y大，表頭那個我找到問題了，是把那兩行改成佈景主 11/28 01:08
50F：→ leon19790602: 題那行造成的，改了後，除了預設的黑白主題，其他下 11/28 01:08
51F：→ leon19790602: 載的主題都會那樣，差別在有深有淺有透明(依主題不 11/28 01:08
52F：→ leon19790602: 同)，其實不影響功能也沒差，跟你報告一下而已 11/28 01:08
53F：推 DrRd: 好棒！ 11/29 22:17