Tabs Outliner插件是一款非常好用的能夠幫助用戶將瀏覽器標(biāo)簽頁(yè)在側(cè)邊顯示的工具，方便用戶查找定位自己當(dāng)前瀏覽的網(wǎng)頁(yè)內(nèi)容，還能夠更好的進(jìn)行切換頁(yè)面，使用起來(lái)非常方便，感興趣的朋友不要錯(cuò)過(guò)了。

開(kāi)發(fā)背景

眾所周知，在Chrome中打開(kāi)十幾個(gè)或更多標(biāo)簽頁(yè)后，瀏覽器頂部的標(biāo)簽欄就會(huì)擁擠不堪，難以進(jìn)行辨別。

在這種情況下，我們?nèi)绻胍业阶约盒枰捻?yè)面，或者關(guān)閉某個(gè)網(wǎng)頁(yè)，都會(huì)非常麻煩。

功能介紹

Tabs Outliner插件是一款實(shí)用的標(biāo)簽頁(yè)管理器，能將當(dāng)前打開(kāi)的所有頁(yè)面整理為一個(gè)清晰明了的樹(shù)狀關(guān)系列表，并展示在側(cè)邊欄。

然后用戶就可以通過(guò)網(wǎng)頁(yè)標(biāo)題在列表中輕松找到對(duì)應(yīng)的標(biāo)簽，并對(duì)它們進(jìn)行注釋、關(guān)閉等操作。

這樣一來(lái)，就能極大地提高工作效率，從而減少了資源的占用。

使用方法

標(biāo)簽管理

點(diǎn)擊瀏覽器右上角的插件圖標(biāo)，你當(dāng)前打開(kāi)的所有標(biāo)簽頁(yè)，都將以列表形式展現(xiàn)在側(cè)邊欄中。

并且，每個(gè)標(biāo)簽頁(yè)都有明確的關(guān)系對(duì)應(yīng)。比如如果我從A頁(yè)面中打開(kāi)了B頁(yè)面，那么B將會(huì)出現(xiàn)在A的分支中。

編輯標(biāo)簽

鼠標(biāo)懸停在某個(gè)標(biāo)簽頁(yè)標(biāo)題上，旁邊會(huì)顯示三個(gè)按鈕。它們分別是為標(biāo)簽頁(yè)添加注釋、立即關(guān)閉標(biāo)簽頁(yè)、關(guān)閉標(biāo)簽頁(yè)但保留在列表中（可快速恢復(fù)）。

導(dǎo)出

經(jīng)過(guò)編輯修改后的瀏覽器標(biāo)簽頁(yè)樹(shù)狀圖列表，同樣可以導(dǎo)出，按下Ctrl+S鍵即可。

使用體驗(yàn)

Tabs Outliner 則是極客風(fēng)設(shè)計(jì)，懸浮側(cè)邊窗口，自成一派。標(biāo)簽頁(yè)管理可能只是他的副業(yè)，效率啟動(dòng)應(yīng)該才是對(duì)它最好形容。

更為新奇的表現(xiàn)和備份方式

Tabs Outliner 更專注的點(diǎn)是標(biāo)簽頁(yè)的層級(jí)，在「Current Session」分支下，打開(kāi)少數(shù)派的主頁(yè)，點(diǎn)擊幾篇文章，再點(diǎn)擊下一層的頁(yè)面，Tabs Outliner 始終能即時(shí)記錄你當(dāng)前瀏覽層級(jí)關(guān)系，生成目錄樹(shù)。

將光標(biāo)移到頁(yè)面的主 Window 或 Group 上，點(diǎn)擊「×」號(hào)將該分支下所有頁(yè)面關(guān)閉，并將分支關(guān)系保存在目錄樹(shù)上，以便進(jìn)行后續(xù)整理。

出現(xiàn)意外事件，Tabs Outliner也會(huì)默認(rèn)執(zhí)行「×」的形式退出，將當(dāng)前標(biāo)簽頁(yè)記錄在案。

建立一個(gè)簡(jiǎn)單的網(wǎng)站索引和稍后讀

這里有幾個(gè)簡(jiǎn)單的工具，Seprater、Group 以及 Note，此外還有 Window，簡(jiǎn)單介紹下：

Seprater 以及 Note 主要起到劃分曲界以及標(biāo)注的作用

Group 則更為功能性，雙擊 Group 可以，一次打開(kāi) Group 下所有分支

Window 顧名思義，新建窗口打開(kāi)其下的分支。

制作索引，快速啟動(dòng)

利用 Tabs Outliner 的層級(jí)記錄性，可以對(duì) V2EX、知乎等論壇類網(wǎng)站，做關(guān)注話題的索引，做到和 LCP 異曲同工的效果。

對(duì)于微博，也可自行定制特別關(guān)注，再也不用擔(dān)心默默關(guān)注的限制和不希望出現(xiàn)的尷尬再次發(fā)生。以下是我的大致模板，可供參考。