Re: [-GC-] 請問有類似Fx的Tree Style Tab套件嗎?

[YuQilin (神獸)]

: 推 YuQilin: 如果還會繼續用火狐的話 推薦用sidebery取代Tree Style    10/19 12:06
: → YuQilin: Tab                                                    10/19 12:06
: → YuQilin: 然後用tinyurl.com/2aqtznrf讓垂直分頁可以自動收合隱藏   10/19 12:06
: 推 mjsg: 樓上要講一下推薦的理由嗎？至前有看到但沒有嘗試主要是不    10/21 15:38
: → mjsg: 確定能不能相容 tab session manager                        10/21 15:38
sidebery和TST都是垂直分頁，分頁的寬度固定，不會縮短，
分頁很多的時候仍然可以很清楚的看到各個分頁的標籤名稱，
幫助你快速定位想要跳到的分頁。

TST不使用附加元件的話，和sidebery主要不同的地方有：
1. sidebery可以搜尋分頁，不用一個分頁一個分頁查找，
輸入關鍵字就可以快速找出你要的分頁。

2. sidebery有群組功能，可以將一系列分頁打包為一個群組，如下圖
https://i.imgur.com/ACxdFFS.png
圖裡面【オクトパストラベラー2】是一個群組，
裡面包含10個和オクトパストラベラー2相關的分頁，
這個群組可以收合，在群組首頁有各個分頁的縮略圖，點擊可跳到該分頁。
直接卸載這個群組就可以一起口氣卸載10個分頁的記憶體。
群組名稱可以自訂，幫助你快速將分頁分類、打包、收合、卸載，
有了群組收藏，分頁不會再落落長，而且分類清楚，標題一目了然。

3. sidebery有分頁面板的功能，如下圖
https://i.imgur.com/ACxdFFS.png
圖裡面釘選分頁上面的工作項目、咖啡杯、播放按鈕、
程式碼、遊戲手把等圖示就是分頁面板，
可以依照工作的性質將分頁自動或手動歸類到不同的面板。
這個功能我很少用，只有偶而會用到，
譬如說我在搜尋資料A，結果在搜尋結果中看到相關聯的資料B，
我對資料B也很有興趣，但是現在沒時間慢慢看，
我需要先處理資料A，而且短時間內也不會再回來看資料B，
所以我會把資料B的相關連結全部先存到「稍候再看」這個面板。

4. sidebery有快照的功能。
5. sidebery整合了側邊欄的歷史和書籤功能。
6. sidebery可自動為分頁上色。

以上三個功能我都很少使用。

除了和TST相同的樹狀分支，
可以拖放分頁，快速的收納、整合、折疊、卸載和序列化分頁，
sidebery還可以自定義許多的功能。
例如右鍵選單可卸載分頁、開啟分頁於容器、清除分頁cookie。
滑鼠右鍵和雙擊，在分頁上、分頁列上、面板上的行為自定義，
例如雙擊開新分頁、關分頁、回復先前關閉分頁。
新分頁開啟的位置，關閉分頁後的跳轉行為，
例如跳轉到前一頁，前一個分頁，後一個分頁......等等。

使用自定義CSS例如
https://github.com/yuuqilin/FlexFox
可完全修改sidebery的介面、顏色。
可以讓sidebery自動收合或完全隱藏，滑鼠懸停時展開。
可自由調節收合和展開的靈敏度和速度。
可同步隱藏原生的水平分頁列，
當sidebery啟用時自動隱藏水平分頁列，
當sidebery停用時恢復水平分頁列。


我沒有使用過tab session manager，
不確定它是否和sidebery相容，
不過firefox有內建session manager，
sidebery也有快照的功能，
也許功能上有所重複？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.37.65.16 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1729507141.A.BE4.html
※ 編輯: YuQilin (114.37.65.16 臺灣), 10/21/2024 18:40:51
推 mjsg: 感謝發文說明，我是 TST 的使用者。
→ mjsg: 就如開頭說的很多設定 TST 都可以藉由另外的附加元件補充 T
→ mjsg: ST 的功能，例如上文的 2/4/5/6 看說明感覺有類似附加元件
→ mjsg: 可以互動。
→ mjsg: 不過能夠一個附加元件處理多個附加元件或許也不錯，會找機
→ mjsg: 會研究看看。
※ 編輯: YuQilin (114.37.65.16 臺灣), 10/21/2024 18:52:00
→ mjsg: session manager 算是專門針對分頁快照的附加元件，只是因
→ mjsg: 為他能夠一併記憶 TST 的樹狀結構，所以能夠輔助 TST 處理
→ mjsg: 快照之類的問題。
→ mjsg: TST 在 github 上也提供了一系列 CSS 可以修改，算是幫 TST
→ mjsg:  做的補充。
TST添加附加元件有許多功能也可以做到
不過sidebery可以自定義的項目還是比較多
上述的簡介沒有一一完整的說明
它的功能強大 用一個元件就可以省下安裝許多元件
例如sidebery內建重新開啟於容器的功能
容器管理的元件就不需要另外安裝了
還有搭配自定義樣式FlexFox後更加好用
FlexFox有個特色是全螢幕模式下
滑鼠懸停自動展開網址列和側邊欄時
不會推擠畫面 造成畫面跳動
而是覆疊在原本的畫面上
另外它還有一個虛擬全螢幕的功能
不用進入全螢幕模式
在一般模式可以完全隱藏網址列和側邊欄
整個瀏覽器只剩下網頁的內容
滑鼠懸停時才會展開
適合需要集中注意力閱讀網頁內容的時候
雖然我自己不使用這個功能 哈哈
※ 編輯: YuQilin (114.37.65.16 臺灣), 10/21/2024 19:17:39
推 MK47: 推個詳細文
→ Fizban: sidebery目前有個嚴重的bug，如果用Ctrl+W關閉最後一個分
→ Fizban: 頁，但火狐設定成不關閉瀏覽器，sidebery的分頁會無法顯
→ Fizban: 示。很可惜，差點要從TST換過去
→ Fizban: 然後圖中的群組首頁我不知道要怎麼叫出來，研究半天沒找
→ Fizban: 到選項。對我來說sidebery比TST好的地方大概就是會幫分頁
→ Fizban: 自動上色，頗有當年tab kit味道
這個bug已經修好了 請先備份快照 移除舊版的sidebery
然後下載安裝最新版 請一定要先移除後再安裝 不要直接更新
https://github.com/mbnuqw/sidebery/releases/download/v5.2.0/sidebery-5.2.0.9.
xpi
之後還原快照 如果有使用FlexFox 重新匯入FlexFox的設定
在導覽列的第一個面板上按右鍵 倒數第三個選項「設定面板」
「關閉最後一個分頁後建立新分頁」 > 啟用

群組功能在滑鼠右鍵 第二欄圖示的第二個「分給群組」
（FlexFox是在第二欄圖示，我不記得原版在哪裡）
使用拖放分頁就可以組織群組 和樹狀分支的操作一樣

小秘訣：當滑鼠移到垂直分頁列的最左側的時候
雙擊的判定是在分頁面板上而不是分頁上
所以如果有設定在分頁面板上的雙擊行為
例如設定為在分頁面板上雙擊會開啟新分頁
這樣只要滑鼠移到最左側的任意位置雙擊
就會開啟新分頁 而不用花心力去瞄準點擊那個「+」的符號

我沒有使用自動上色的功能
因為自動上色會讓我分不清楚目前在哪一個分頁
而樹狀分支和群組功能已經足夠讓我明確地分類和整理分頁
所以我通常不會啟用自動上色的功能

推薦使用釘選分頁
有些網站是只要打開瀏覽器就一定會去檢查的網站
譬如說PTT、FB等等
這些網站每次都要從書籤點擊開啟 非常浪費時間
使用釘選分頁將這些網站固定在分頁面板的最上層
可以省去重複這些動作的時間
使用釘選分頁建議搭配以下這個選項
/* Restore pinned tabs on demand */
"browser.sessionstore.restore_pinned_tabs_on_demand",true

這樣開啟瀏覽器時就不會自動載入這些釘選分頁
可以加快瀏覽器開啟的速度
使用FlexFox大約可以折疊20個釘選分頁而不會擠壓到
太多垂直分頁列的空間 算是還合理的使用範圍

雖然sidebery可以讓你隨時手動卸載一大群分頁
但是如果你會同時開啟非常大量的分頁
例如查找資料的時候 沒有時間分心手動去卸載分頁
可以考慮使用 Auto Tab Discard
https://addons.mozilla.org/zh-TW/firefox/addon/auto-tab-discard/
※ 編輯: YuQilin (61.228.168.44 臺灣), 10/24/2024 01:08:01
→ YuQilin: 如果你使用nightly + flexfox的話
→ YuQilin: 由於nightly修改了UI
→ YuQilin: 所以搭配flexfox 視窗的放大縮小關閉按鈕會消失不見
→ YuQilin: flexfox會在目前的nightly進入release後更新修正
→ YuQilin: 如果你有需要使用nightly + flexfox 請告訴我
推 MK47: 請問一下用你的github的版本 能不能把整個側邊欄變比較寬但
→ MK47: 是不會破壞版面？比方說600px之類
不會破壞版面的意思是？
目前FlexFox沒有關閉「自動收合」的選項
滑鼠沒有懸停的時候sidebery會自動收合縮小到44px
展開的時候預設是220px
修改"uc.flex.large-sidebery"為true
會將展開的寬度增加為260px
如果需要更寬 可以修改uc-variables.css 將下面的260px
@media (-moz-bool-pref: "uc.flex.large-sidebery") {
    :root {
        --uc-sidebar-hover-width: 260px;
    }
}
改為需要的寬度
不過太寬的話滑鼠需要移動較長的距離
移開到更遠的位置才能使側邊欄收起來
使用的效率會大幅下降

解析度2K以上的螢幕建議修改about:config的參數
手動調整Fx整體介面的縮放比例
/* Reset text scaling settings */
// user_pref("ui.textScaleFactor",                                 100);

/* OS text scaling settings should only affect text scaling */
// user_pref("browser.display.os-zoom-behavior",                     2);

/* 整體介面的縮放比例 */
// user_pref("layout.css.devPixelsPerPx",                         1.25);
ui.textScaleFactor設為100，layout.css.devPixelsPerPx設為1.25的時候
整體介面會放大1.25倍
※ 編輯: YuQilin (61.228.168.44 臺灣), 10/24/2024 08:50:32
推 MK47: 感謝 我改成習慣的寬度了 原來是要
→ MK47: 1.about:config 裡先把 uc.flex.large-sidebery 改 true
→ MK47: 2.到 profile\chrome\components 裡的uc-variables.css改寬
→ MK47: 度
→ MK47: 我之前在樣式編輯器那邊弄半天，還想說會不會把自動隱藏弄壞
→ MK47: 了
→ MK47: 萬分感謝
推 mjsg: 目前用起來不大習慣的點，sldebery 似乎沒辦法在多選分頁後
→ mjsg: 用原本的快捷鍵進行關閉/重整，但 TST 搭其他附加元件可以
→ mjsg: 。
→ mjsg: 個人使用情境是把快捷鍵綁在滑鼠按鍵/手勢上，所以綁原生或
→ mjsg: 是 sidebery 自設的快捷鍵都有點彆扭。
→ mjsg: 不過就分頁切換速度而言相當快速，蠻讓人驚艷的。
推 mjsg: *sidebery
推 mjsg: 續更，使用 flexfox 後就沒有讓我驚艷的切換速度了。
FlexFox因為太注重彈性
譬如說側邊欄可以放左側或右側 書籤列會自動右移或左移
顯示標題列和選單列時 視窗控制按鈕會自動移位
searchbar放書籤列時 會自動調整書籤列的高度
切換不同顯示模式時 findbar會自動調整浮動的位置
sidebery啟用或關閉時 會自動隱藏或恢復水平分頁列
因為這些功能用了很多判斷的選擇器
渲染的時候我覺得速度有變慢一點
類似的垂直分頁的樣式有很多
如果不需要這些功能 可以用別的樣式來搭配sidebery
推 Kreen: 推。
※ 編輯: YuQilin (61.228.160.225 臺灣), 10/27/2024 20:23:31