作者YuQilin (神獸)
看板Browsers
標題Re: [-Fx-] FlexFox更新了1.0.0版 速度提升了100x
時間Thu Nov 28 08:09:30 2024
: 推 leon19790602: 好怪，我userChrome.css沒其他了，書籤露出應該算是 11/27 23:16
: → leon19790602: 小問題我調38就好，表頭那個就真的不曉得了，反正無 11/27 23:16
: → leon19790602: 傷功能不管它了，還是謝謝Y大 11/27 23:16
: 推 leon19790602: Y大，表頭那個我找到問題了，是把那兩行改成佈景主 11/28 01:08
: → leon19790602: 題那行造成的，改了後，除了預設的黑白主題，其他下 11/28 01:08
: → leon19790602: 載的主題都會那樣，差別在有深有淺有透明(依主題不 11/28 01:08
: → leon19790602: 同)，其實不影響功能也沒差，跟你報告一下而已 11/28 01:08
喔喔！感謝你幫我debug ToT
改變 --bg + 佈景主題，不只表頭會變透明，
還會影響FlexFox的標誌 ── 表頭色帶的顏色，
所以我還是需要將它修正XD
我做了一個快速的補丁，修正表頭 + 支援佈景主題。
在想好要怎麼重寫自適應配色之前，
我決定先用選項來讓使用者切換，
是否允許讓addons改變工具列的顏色。
請下載FlexFox 1.0.3版。
https://github.com/yuuqilin/FlexFox
更新時複製`user.js`到profiles資料夾會重設FlexFox的設定，
如果不想重設，可以跳過複製`user.js`這個步驟，
直接在`about:config`新增這個選項
uc.flex.allow-addons-to-change-toolbar-color
設為true之後，佈景主題就會生效了，
這個補丁除了調整書籤工具列背景的位置，
還會根據Sidebery有無啟用，自動調整背景的高度：
Sidebery啟動時 會自動調整左側的移位
https://i.imgur.com/wpTiOIc.png
Sidebery放右側時 會自動調整右側的移位
https://i.imgur.com/4TUTv1F.png
Sidebery關閉時 會自動調整高度
https://i.imgur.com/t2RkDXu.png
不調整移位的話，自動隱藏書籤時會斷圖
https://i.imgur.com/Kd4OHne.png
請有需要使用佈景主題的人更新。
目前雖然相容於大部分的佈景主題，
但還是有些主題需要手動調整。
至於側邊欄，由於原生就沒有支援，
所以還是需要手動配色。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.37.120.248 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1732752573.A.B44.html
※ 編輯: YuQilin (114.37.120.248 臺灣), 11/28/2024 10:58:32
1F：→ YuQilin: 更新v1.0.3 效能優化 使用佈景主題時 速度比v1.0.2快1.4x 11/28 10:59
2F：推 leon19790602: 修正速度太快太感激了，一點小P幣奉上 11/28 16:59
3F：推 leon19790602: Y大想另請問一下，Sidebery內建這個拖曳功能，有辦 11/28 17:01
4F：→ leon19790602: 法像TST設成無動作嗎，我滑鼠DPI習慣設的很高，很容 11/28 17:02
5F：→ leon19790602: 易在點選時就把分頁拖出去了 11/28 17:02
7F：推 leon19790602: 對了Y大，我發現用了FlexFox，原本網址列尾部，會有 11/28 20:06
8F：→ leon19790602: 顯示此頁面所放的比例，現在被隱藏起來了，能有開關 11/28 20:06
9F：→ leon19790602: 的功能嗎，不然用Ctrl+滾輪放大縮小頁面時，看不到 11/28 20:06
10F：→ leon19790602: %數有點困擾，抱歉問題很多，再煩請您解答 11/28 20:06
11F：→ leon19790602: 縮放指示器找到了在uc-misc.css裡，就不麻煩Y大了 11/28 21:28
感謝你的P幣
關於Sidebery拖放移到新視窗
我這裡需要將分頁整個拖到側邊欄外才能打開新視窗
所以一般是很難觸發這個動作的
你是只要點選分頁的時候 稍微一移動就會拖出新視窗嗎？
這樣應該是bug 可以到Sidebery的專頁填issue
https://github.com/mbnuqw/sidebery
這問題很嚴重耶
Sidebery不是經常要使用拖放來整理和移動分頁嗎？
如果一直跑出新視窗 那不是變得很難使用？
關於頁面縮放大小 是的 它在misc裡面
因為我有裝擴展顯示大小
所以就把網址欄的顯示取消了
我把它改回來好了 以免造成使用者困擾
更新v1.0.4 改成這樣可以嗎？
https://i.imgur.com/2UDZ6b1.png
https://i.imgur.com/YbR7usf.png
現在當網頁為預設縮放大小時不會顯示縮放圖示
預設縮放大小是你在火狐的「設定」中
設定的「預設縮放比例」
如果沒有改過的話 預設是100%
當使用滾輪改變大小 網頁縮放不為「預設縮放比例」時
會固定在網址欄顯示目前的縮放大小
這樣應該可以保持網址欄簡潔 也不會造成分辨上困擾
另外這版也改變了書籤星號的顯示方式
如果當前網頁沒有加過書籤
網址欄不會顯示書籤星號 滑鼠懸停時才顯示
如果當前網頁已經加過書籤了
網址欄會固定顯示書籤星號
星號的顏色和圖形如果需要修改的話
在uc-urlbar.css line 195-210
12F：推 abr446yu: 感謝分享！請問有辦法讓sidebery不自動隱藏嗎？好像沒看 11/29 03:46
13F：→ abr446yu: 到類似的設定@@ 11/29 03:46
目前沒有這個功能 ToT
如果要加的話 會改動到很多設計
我要想一下要怎麼寫......
※ 編輯: YuQilin (114.37.120.248 臺灣), 11/29/2024 09:04:38
14F：→ YuQilin: 拖放到新視窗的問題 我有試出來了 11/29 12:59
15F：→ YuQilin: 點住分頁後如果移動很小的距離 11/29 12:59
16F：→ YuQilin: 此時會分頁會變色 進入拖曳狀態 11/29 12:59
17F：→ YuQilin: 若移動的距離沒有超過分頁本身的高度 11/29 12:59
18F：→ YuQilin: 此時放開會變成拖放到分頁自己身上 11/29 12:59
19F：→ YuQilin: 有時候會觸發變成在新視窗開啟 11/29 12:59
20F：→ YuQilin: 我覺得這應該是bug 11/29 12:59
21F：→ YuQilin: 我把你的圖片裡的選項改成另外一個 11/29 12:59
22F：→ YuQilin: 「將被拖動的資料傳遞給目標對象」 11/29 12:59
23F：→ YuQilin: 之後就沒有發生這個現象 你試試看有沒有用 11/29 12:59
24F：推 leon19790602: Y大謝謝你的回應及更新，FF內建的縮放顯示記得是在 11/29 16:15
25F：→ leon19790602: 100%時不顯示，但只要動過就會在該網域顯示，除了能 11/29 16:15
26F：→ leon19790602: 讓你看到縮放比例外，方便的點在於只要在顯示區左鍵 11/29 16:16
27F：→ leon19790602: 點一下就會還原100%，至於S的拖曳那個，其實當初TST 11/29 16:16
28F：→ leon19790602: 也有一樣問題，就是你在側邊欄拖曳分頁上下位置時， 11/29 16:16
29F：→ leon19790602: 有時就會觸發拖出去開新視窗的BUG，所以TST後來弄了 11/29 16:16
30F：→ leon19790602: 個"無動作"解決可能觸發拖曳到外部的問題，S那個我 11/29 16:16
31F：→ leon19790602: 會再去issue反應，最後還是要感謝Y大，其實您不用特 11/29 16:16
32F：→ leon19790602: 意為我還原顯示縮放顯示的，因為這只是我個人喜好， 11/29 16:17
33F：→ leon19790602: 不見得大家都會喜歡，這樣感覺好像變成在要求你滿足 11/29 16:17
34F：→ leon19790602: 我了，我本來只是想在css自己調的，真難為您了 11/29 16:17
不會不會 你提的問題剛好是我原本就想改的
只是一直沒有去弄
而且改成這樣使用真的比較方便
我還是保留了原本完全不顯示的樣式
大家如果比較喜歡原本的方式
只要取消註解就可以隨時改回來
36F：→ fantasychese: 設定後可以按熱鍵簡單切換啟用/停用某些style 11/29 17:25
37F：→ fantasychese: 例如設定成啟用/停用隱藏側邊欄 看對你們有沒有幫助 11/29 17:26
是的這工具真的非常好用 我原來也是使用這個
後來因為我會用到一般側邊欄
會在Sidebery和一般側邊欄之間切來切去
當Sidebery關閉時會暫時需要用到水平分頁
每次都要按快速鍵來隱藏或啟用水平分頁 覺得不方便
所以才想改成自動判斷的形式
讓火狐能根據Sidebery的狀態自動開啟或關閉水平分頁
剛好火狐從去年底開始支援:has()
以前必須使用JS才能做到的功能現在只要CSS就可以了
所以就改成現在這種自動判斷的方式
不過其他不需要自動的功能 例如FlexFox提供的那些選項
需要在about:config裡面切換
這種選項使用Userchrome Toggle
使用快速鍵就可以切換 會更加的方便
其實我有想要和其他樣式一樣
增加使用Userchrome Toggle切換選項的功能
不過因為我自己平常使用的時候不太會去切換那些選項
......
其實FlexFox大部分的功能選項我自己都沒有在使用XD
所以這個計劃就一直擱置了
啊對了 我現在使用的是這個 Userchrome Toggle Extended
https://addons.mozilla.org/firefox/addon/userchrome-toggle-extended/
是FirefoxONE樣式的作者寫的 可以提供到6組的快速鍵
※ 編輯: YuQilin (114.37.120.248 臺灣), 11/29/2024 18:25:41
38F：→ YuQilin: 停用自動隱藏Sidebery的功能我有開始寫了 11/29 19:31
39F：→ YuQilin: 不過因為牽涉到Sidebery內部的樣式 11/29 19:31
40F：→ YuQilin: 所以還在想要怎麼寫比較好 11/29 19:31
41F：→ YuQilin: 這個功能和完全隱藏Sidebery、完全隱藏頂部工具列 11/29 19:31
42F：→ YuQilin: 這三個可能會加上可用Userchrome Toggle切換的功能 11/29 19:31
43F：→ YuQilin: 如果使用者有裝Userchrome Toggle擴展的話 11/29 19:31
44F：→ YuQilin: 可用快速鍵切換 11/29 19:31
45F：推 twobrainhole: 推，非常好用，感謝 11/30 07:05
46F：推 abr446yu: 謝謝回覆！目前我用土炮作法，把sidebar-width改成和 11/30 15:37
47F：→ abr446yu: sidebar-hover-width一樣，然後用自己舊的sidebery樣式 11/30 15:37
48F：推 abr446yu: 如果能把Y大的sidebery樣式改成不論是否hover都顯示相同 11/30 15:42
49F：→ abr446yu: 狀態的話，好像也能達成我想要的樣子 11/30 15:42
50F：→ abr446yu: 但這超出我的修改能力了XD 11/30 15:42
我也是用相同的方法XD
不過目前有觀察到幾個問題：
1. 滑鼠要移到導覽列左上角時
經過側邊欄表頭會展開表頭和造成表頭跳動 < 已解決
2. 相容全螢幕或`uc.flex.fully-hide-sidebery` < 已解決
3. 經過Sidebery導覽面板時 會展開面板和造成面板跳動
4. 滑鼠移到Sidebery時 會造成Sidebery跳動
這是因為原本Flex狐展開Sidebery時會有轉場效果
包括重新對齊按鈕、圖示放大、顯示樹狀分支線和縮排
這些效果沒有取消的話就會造成每次移到Sidebery就會抖一下
這點非常麻煩 因為Sidebery的樣式我是寫在Sidebery的樣式表裡
要怎麼樣才能讓使用者不必重新安裝Sidebery樣式
就可以和新版相容 ><
5. 版面看起來怪怪的XD
原本Sidebery摺疊或隱藏的設計，
展開側邊欄時是浮在網頁內容上，所以看起來還好。
現在固定不隱藏，側邊欄和網頁內容沒有分界線，
看起來就有點出血的感覺:P
不過改的過程中我發現了幾處bug，
例如上次改的縮放圖示，顏色太亮了，需要修正。
還有整理了一團糟的側邊欄規則，以及相容Nightly(v135)。
Sidebery樣式的問題暫時想不出來的話，
明天可能會先發布這些小修正。
※ 編輯: YuQilin (114.37.78.18 臺灣), 11/30/2024 17:34:55
51F：推 rockmanx52: 你好 最近碰到一個不知道是Sidebery還是Flexfox造成的 12/02 02:49
52F：→ rockmanx52: 問題 就是如果有設定關閉最後分頁不關閉視窗 在 12/02 02:49
53F：→ rockmanx52: sidebery關閉分頁時有極高機率發生新產生的首頁分頁不 12/02 02:49
54F：→ rockmanx52: 會出現在側邊欄 要切回傳統分頁顯示模式再切回後才會 12/02 02:49
55F：→ rockmanx52: 出現 12/02 02:49
這是Sidebery的bug 請先備份匯出快照
移除舊版的Sidebery 然後下載最新版
https://github.com/mbnuqw/sidebery/releases/v5.2.0
下載`sidebery-5.2.0.9.xpi`這個檔案
請一定要先移除舊版後再安裝 不要直接更新
直接更新不會成功 火狐會顯示更新完成 但實際上並沒有更新
安裝後還原匯入備份的快照 重新匯入FlexFox的設定
在導覽列的第一個面板上按右鍵 倒數第三個選項「設定面板」
「關閉最後一個分頁後建立新分頁」 > 啟用
※ 編輯: YuQilin (118.167.92.111 臺灣), 12/02/2024 19:56:25
56F：推 rockmanx52: 感激 目前已經正常 12/03 08:51
57F：推 asdfwowyoman: 為何不直接使用zen就好了 12/05 01:50
58F：推 fantasychese: 因為zen還在alpha? 為什麼不直接套css就好了 12/05 18:04
沒有用Zen的原因我在
#1d8ZoOYN 有稍微提到過，
主要是：
1. 第三方的更新速度沒有本家快。
2. 第三方可能會隨時終止更新，例如Arc。
3. 目前 Sidebery + FlexFox 比Zen好用。
例1: Zen的垂直分頁是原生的水平分頁轉垂直，
功能和原生的水平分頁一樣，
和Sidebery的樹狀分支和群組的好用程度差距很大。
如果用Zen搭配Sidebery，
Sidebery啟用時Zen不會自動關閉原生的垂直分頁，
即使隱藏起來，懸停時也會顯示雙重分頁，
看起來很微妙XD
例2: Zen拿掉了書籤項目和書籤工具列，
少了一個書籤工具列可以放擴展按鈕，
擴展只能全部擠在導覽列上。
FlexFox可以把書籤工具列隱藏起來，
裡面可以把按鈕放好放滿：
https://i.imgur.com/quL0oaH.png
如圖，當Sidebery放在左側，
同時主要使用的按鈕放在書籤工具列上時，
滑鼠只需要在左側和左上這一區域內移動，
就可以完成大部分的瀏覽工作。
這也是FlexFox設計的主要目標，
增進瀏覽的效率。
4. Zen對介面的改動很大，
無法直接套用社群現有的userChrome樣式來修改Zen的介面。
而Zen所做的修改，使用本家 + 社群現有的userChrome樣式，
可以做到功能一樣，但介面更漂亮。
不過Zen有一個優點是目前本家做不到的，
它有一個獨立的側邊欄可以使用，
可以在不離開Sidebery的情況下，
同時開啟側邊欄。
目前第三方我比較推薦floorp，
它的功能真的實用，而且可以套用現有樣式。
※ 編輯: YuQilin (118.167.92.111 臺灣), 12/05/2024 19:18:07