Tree Style Tab 樹狀圖分頁目錄管理,補強Firefox 4分頁群組

tree style tab-01

我無法接受瀏覽器開了一堆分頁卻完全沒有整理,我希望分頁能夠依據工作需求,或是網站主從關係,進行有效果的分類;當然,這個「整理動作」必須要簡單貼心才行,管理分頁的目的是為了更有效率的瀏覽,如果說管理本身反而要花掉很多時間,那這樣的管理就是無效的。

而Firefox瀏覽器一直都能提供一些快速便利,但又條理分明的分頁整理工具。例如在Firefox 3.X時代我最喜歡使用的「Tab Kit」,可以自動做好分頁收合;或者是到了Firefox 4中立刻讓我愛上的內建「分頁群組(Panorama)」功能,擁有和現在已經變成桌面經典整理工具的「Fences」一樣順手的收納特色(你該不會還沒用過Fences吧!?)。

今天我想推薦的,就是另一款對擁有進階分頁管理需求的用戶來說一定會喜歡的擴充套件:「Tree Style Tab,這款套件好幾年前就已經推出,但到現在它都仍勤於更新,不僅在Firefox 5 BetaFirefox Aurora中運作良好,而且功能、操作、介面視覺都愈來愈優秀。在Tab Kit已經停止更新,而內建分頁群組可能無法滿足重度用戶需求的情況下,或許你會想安裝Tree Style Tab。

 

 

  • 01.可橫擺、可直放,彈性縮合分頁

在Firefox中安裝Tree Style Tab後,預設會把樹狀分頁目錄放在左方側邊欄,這是經典擺法,垂直整理分頁大多時候更有效率,能一次掌控的分頁數量也最大。

但是如果你只是想要「分類收合」的功能,而更喜歡原本的置頂分頁列擺法,也可以在Tree Style Tab中調整設定,只要在〔外觀〕頁面改成勾選「上端」即可,另外記得勾選「允許摺疊/展開樹狀子目錄」

tree style tab-02

當繼續使用分頁列位在上端的擺法,還是一樣可以把多個分頁收納成一個目錄(資料夾),Opera目前也有類似的分頁收合功能。

現在大概就剩下Google Chrome本身沒有內建分頁群組管理的功能了,但是有聽說未來版本已經打算加入專屬分頁管理方式,畢竟在非常倚賴網路工作的時代中,一直讓分頁多而凌亂不會是個好現象。

tree style tab-03

 

 

  • 02.依照你的需求與喜好調整側邊欄外觀

Tree Style Tab除了可以上下擺、左右側擺外,光是在側邊欄模式中就有很多種彈性外觀調整方式,例如我會建議先手動調整好側邊欄寬度後,在右鍵選單勾選【固定分頁工具列的位置/寬度】

這樣一來,Tree Style Tab的側邊欄會呈現出和網頁無縫接合的狀態,整體上比較美觀順眼。

tree style tab-04

另外,我們可以到設定中的〔自動隱藏〕分頁,設定側邊欄是否要自動縮合,除了可以整個隱藏側邊欄外,還可以勾選「自動縮小分頁工具列」。

tree style tab-05

當使用「自動縮小分頁工具列」後,側邊欄平時就會自動縮小,但是不會完全隱藏,使用者還可以手動調整縮小時的側邊欄寬度。

這樣做有個好處,就是在釋放網頁瀏覽空間的同時,我們還可以透過圖示、頭幾個關鍵字來看到目前已經開啟哪些網頁,也方便切換。

tree style tab-06

這時候當游標移動到側邊欄上,會自動展開側邊欄。Tree Style Tab這裡的效果做得非常不錯,展開時「不會」動到右邊的網頁寬度,而是利用透明效果把側邊欄直接疊在網頁上,用完就會自動縮回去。

我個人很推薦使用這種「自動縮小分頁工具列」模式。

tree style tab-07

 

 

  • 03.一次把目錄裡所有分頁加入書籤

當然,這類工具我覺得很關鍵的一個功能,就是可以一次把同個目錄的分頁加入某個書籤資料夾,整理起來會快速很多。

tree style tab-08

 

 

  • 04.很棒的應用程式分頁擺設法

另外,針對Firefox 4開始出現的「應用程式分頁」功能,在Tree Style Tab中也提供了很好的相容方式,當你使用側邊欄分頁目錄時,這些被釘選的應用程式分頁圖標會「橫擺」在最上方,和側邊欄整體融合得很不錯。

tree style tab-09

 

 

  • 05.自動整理或拖曳調整目錄結構層次

在Tree Style Tab中,經由同一個網頁打開的新分頁都會自動被分類到同一個階層目錄裡,另外用戶也可以自己手動拖曳分頁來改變分類方式,而且Tree Style Tab允許用戶製造好幾層的目錄結構。

最近使用了一陣子的Tree Style Tab,覺得是一款穩定好用,而且很好上手,在管理上有非常有效率的分頁工具,如果Firefox 4分頁群組功能還不能完全解決你的分頁雜亂問題,那麼推薦可以試試看Tree Style Tab。

tree style tab-10

留言

  1. 讚!
    我一直很懷念tab kit的分頁群組功能(當時也是被異塵大推薦而愛上的XD)
    現在終於有個更棒的解決分案了!
    如果不是異塵大的這篇文章,我還不會注意到tree style tab也可以設定成tab kit的功能呢XD

    回覆刪除
  2. 注意一下「分頁」選項中的「頁籤內側互調」是把「x」(叉叉)移到分頁的前端
    我不小心勾到這個選項,研究了半天才把它改回來ORZ

    回覆刪除
  3. 不曉得這版有沒有修正之前切換到不同的分頁群組後樹狀目錄會跑掉的問題?

    回覆刪除
  4. 有辦法在開啟子分頁時不自動展開嗎?謝謝
    (有裝TAB UTILITIES)

    回覆刪除
  5. 現在大概就剩下Google Chrome本身沒有內建分頁群組管理

    Chrome早就有了…在about:flags>新增群組至分頁內容選單
    效果是右點分頁標籤之後多了兩項,一是依網域選取…二是依開啟機制選取……

    分頁組的話chrome可以直接拉出來當群組用…再開時能在被關閉的分頁那兒開回出來…會顯示為被關閉的x個分頁~"~

    回覆刪除
  6. @鎖孔
    我在chrome13.0.782.20 dev和chromium14.0.794.0 (開發人員版本 89171 Linux)
    都沒有看到這個功能喔
    還是說我有哪裡漏掉的,麻煩指點一下

    回覆刪除
  7. 太可惜放在上面的支援度不高~~放在其他方向要改變習慣,左右邊變很細也不好點

    回覆刪除
  8. https://addons.mozilla.org/zh-TW/firefox/performance/
    Tree Style Tab名列第四
    比版主嫌棄多次的Tab Mix Plus還要前面

    回覆刪除
  9. @匿名3:
    移動到不同群組時,樹狀目錄還是有保持著

    @匿名4:
    開啟子分頁時不自動展開?那要怎麼開啟子分頁?
    不太懂你的意思^^

    @鎖孔:
    所以接著你引用的那句話後面,我不就說:「但是有聽說未來版本已經打算加入專屬分頁管理方式」
    about:flags>就是未來可能加入的新功能測試囉~

    @匿名:
    感謝你的提醒,希望Tree Style Tab和Tab Mix Plus在效能上多多加油囉~趕快一起退出羞恥榜吧XD

    另外我還是不喜歡推薦Tab Mix Plus的原因,仍然是因為它沒有這種分頁分類管理的思維阿> <

    回覆刪除
  10. 13.0.782.20 dev-m…有…應該說很早就有來著…
    沒的話加個啟動參數
    --enable-tab-groups-context-menu好了…

    回覆刪除
  11. 大大,這個套件降低效能排第4呢~

    回覆刪除
  12. 希望他能改善囉
    畢竟功能上是真的很好用^^

    回覆刪除
  13. 請問那個灰色時鐘,下箭頭,還有黃色文檔上箭頭,是什麼來的?

    回覆刪除
  14. 灰色時鐘:內建歷史紀錄查看按鈕
    下箭頭:內建檔案下載查看視窗
    黃色文檔:TooManyTabs

    http://playpcesor.blogspot.com/2010/02/toomanytabs.html

    回覆刪除
  15. 另外,剛剛發現Tree Style Tab已經有回應Mozilla效能羞恥榜,
    推出了最新的改善效能版

    https://addons.mozilla.org/zh-TW/firefox/addon/tree-style-tab/versions/

    回覆刪除
  16. 其實我想大家關心瀏覽速度>啟動速度吧!

    回覆刪除
  17. 瀏覽速度本來很快阿^^

    分頁管理就是從效率上增加瀏覽速度用的

    另外fx4現在開網頁速度也已經很快了(Tree Style Tab也不會對開網頁速度有什麼影響)

    回覆刪除
  18. 因為有時候會看像KOMICA之類圖多的站
    想要預設在開啟子分頁時,樹還是處於收起來的狀態
    等到我開完要展開再點開它,這樣
    好像找不到相關選項...

    回覆刪除
  19. 這個好像沒辦法這樣設定^^

    回覆刪除
  20. 我突然想到一件事
    chrome的M$版和LINUX版之間會有差異存在
    這邊大多是有M$系統的吧
    真想拉異塵大大來玩LINUX
    最近在用Linux mint xfce

    回覆刪除
  21. 我的感覺
    任何ubuntu-like的東西都不叫玩linux

    回覆刪除
  22. OK
    Linux mint xfce是基於Debian

    回覆刪除
  23. 那也不過是mint一個不是based on ubuntu的分支罷了
    就那一套** 也說在玩linux 讓人看了噁心
    基於什麼有差嗎?

    回覆刪除
  24. 異塵現在是使用tree style tab還是Panorama?
    將分頁擺在上方還是左方呢?

    回覆刪除
  25. 兩個都用
    大工作分類用panorama(例如工作用分頁、社群用分頁、閱讀中分頁,或是有時需要的是待辦、完成中這樣的大分類)

    至於網頁的延伸查詢與閱讀,例如一個搜尋後陸續打開多個結果,這時候就是用tree style tab分類

    而目前我的tree style tab都開在左邊

    回覆刪除
  26. 想请教下,为什么我设定全屏下自动缩小仍然没有反应呢?已经试过取消掉固定宽度了。
    谢谢先

    回覆刪除
  27. 您好,
    Tree Style Tab能代替自己以前習慣使用的Tab Kit,那麼以前Autohide這個套件,有什麼新套件功能與之類似呢?一直希望瀏覽網頁時能自由設定哪些工具列自動隱藏/彈出,現在只能用Add-on Compatibility Reporter來繼續使用Autohide。

    回覆刪除
  28. @Panco:
    不太清楚耶,我這邊是有反應的,所以目前無法知道是哪裡可能出問題

    @匿名:
    這個我要研究一下^^

    回覆刪除
  29. 這個套件好像比較適合寬螢幕,我用在15吋筆電,畫面感覺有點雍擠,只好移除了。

    回覆刪除
  30. https://addons.mozilla.org/zh-TW/firefox/performance/
    Tree Style Tab 榮登第二名
    在 Xp 平台下更是勇奪冠軍
    雖然說這份名單看起來怪怪的
    之前的常客有些不見了
    但已經登兩三天了
    應該不會錯吧

    回覆刪除
  31. 只能說希望Tree Style Tab可以持續改進效能~~

    我自己目前還是有繼續安裝使用啦,但也期待設計者的新修正~

    回覆刪除
  32. 請問一下我使用tree style tab後,關閉Firefox時都不會出現提示下次是否復原分頁的選項,每次重開FF時都會重新載入上次關閉FF時的所有分頁,真是麻煩...不知道是哪裡要設定?
    P.S:about:config-browser.showQuitWarning已設定為true

    回覆刪除
  33. 到firefox的「選項」第一個頁面,在「當firefox啟動時」選擇「顯示首頁」即可

    回覆刪除
  34. 請問Tree Style Tab可以把"某幾個開啟的分頁設成同一群組"以好區別嗎?我看它有時會自行分群組,不知道它分群組的定義為何?可以手動嗎?感恩

    回覆刪除
  35. 我找到將分頁手動設成同群組的方法了,就是直接拉分頁到要設群組的分頁即可...

    回覆刪除
  36. 放到左側的時候,好像跟too many tab和lesschrome hd不太相容耶

    希望以後可以相容……

    回覆刪除
  37. 極!!!!!!推這個套件,我從Fx3.X就在用,不過Fx4.X以後的版本如果排在左邊(或右邊)直列的分頁列的話,就無法用[分頁列置頂]的功能,我覺得頗浪費上面標題列的空間,後來找了好久才找到一個我要的套件Nav bar on title bar,
    https://addons.mozilla.org/zh-TW/firefox/addon/nav-bar-on-title-bar/
    功能就是[網址列置頂],和Tree style tab根本就是絕配!!!
    如果很在意可看的網頁範圍的話,再搭配Classic Compact這個佈景主題(我覺得這是最[實用]的佈景主題!!!)想要對這佈景主題做些額外設定的話還要裝Classic Compact Options
    https://addons.mozilla.org/zh-TW/firefox/addon/classic-compact/
    https://addons.mozilla.org/zh-TW/firefox/addon/classic-compact-options/
    另外,用Fx3和Fx4看這兩個網頁會看到不同版本@@
    以上

    回覆刪除
  38. 更新到Firefox15之後,由於Tree Style Tab的關係像Ctrl+Tab的功能會失效,連帶其他能擴充切換分頁功能的附加元件如Tab Utilities(滾輪上下切換分頁)、FireGestures(滑鼠手勢切換分頁)都全部失靈,這大概是繼之前版本更新後樹狀分頁框異常之後又一版本衝突,如果有相容性更好而且功能類似的元件個人應該會高速跳槽。

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Google 表單自動關閉回覆教學:時間人數到達就過期

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

如何用 AI 工具提升工作效率?三個關鍵步驟讓生成結果更精準有效

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

會議記錄不麻煩!我常用兩個 Evernote AI 功能整理錄音、手寫筆記