Chrome「新分頁」頁面自訂工具Tab Out解決「分頁過多」痛點

Chrome「新分頁」頁面自訂工具Tab Out解決「分頁過多」痛點。

Tab Out是Chrome新分頁頁面的開源自訂解決方案，將瀏覽器分頁轉化為「Marie Kondo式」管理儀表板，專為常開太多分頁卻不關閉的使用者設計，提供視覺化分組、即時清理與趣味回饋，讓分頁管理變得直覺且滿足。

核心功能

Tab Out以儀表板取代Chrome新分頁頁面，顯示所有開啟分頁，按網域分組並拉出常見登陸頁面（如Gmail、X、LinkedIn、GitHub、YouTube）成獨立群組，便於一鍵清理：

• 清楚檢視所有分頁標題，避免眯眼辨識30個微小標籤。
• 關閉分頁或群組時觸發「swoosh」音效與煙火爆破動畫，讓清理過程充滿成就感。
• 偵測重複分頁，一鍵關閉重複項目。
• 點擊任一分頁即可跳轉至其視窗，即使跨視窗。
• 未完成分頁可存入「稍後處理」清單作為書籤。
• 偵測多餘「新分頁」頁面並提供一鍵關閉。
• 大群組顯示前8個分頁，點擊「+N more」展開其餘。
• 自動更新通知，一鍵升級新版本。
• 100% 本地運作，瀏覽資料絕不離開機器，無AI、無外部API呼叫。
• 登入即自動啟動，背景靜默運行。

安裝方式

透過coding agent（如Claude Code、Cursor、Windsurf）最簡單，只需傳送repo連結並指令「install this」，agent會解釋功能並完成設定，僅需約2分鐘。

手動安裝步驟：

• 執行git clone https://github.com/zarazhangrui/tab-out.git，進入目錄後npm install。
• 運行npm run install-service，建立~/.mission-control/資料夾、預設config，並安裝平台自動啟動服務（macOS Launch Agent、Linux systemd、Windows Startup script）。
• 在Chrome chrome://extensions啟用Developer mode，載入extension/資料夾。
• 執行npm start啟動伺服器，新分頁即顯示Tab Out，未來登入自動啟動。

配置選項

設定檔位於~/.mission-control/config.json，僅一項主要欄位：

欄位	預設值	功能
port	3456	儀表板本地連接埠

運作原理

開啟新分頁時，Chrome extension在iframe載入Tab Out：

• 儀表板即時顯示按網域分組的分頁清單，登陸頁面置頂獨立群組。
• 使用者清理完成群組（swoosh + 煙火），重複此流程。
  伺服器背景運行，登入自動啟動，若崩潰則重啟，使用者無需操心。

技術架構

Tab Out採用輕量本地堆疊，強調隱私與穩定：

項目	技術
伺服器	Node.js + Express
資料庫	better-sqlite3 (本地SQLite)
Extension	Chrome Manifest V3
自動啟動	macOS Launch Agent / Linux systemd / Windows Startup
音效	Web Audio API (合成生成，無音檔)
動畫	CSS transitions + JS confetti particles

開源與作者立場

專案以MIT授權開源，程式碼公開於https://github.com/zarazhangrui/tab-out，由Zara（https://x.com/zarazhangrui）打造。作者定位Tab Out為「too many tabs」終極解方，透過「vibe code」自訂Chrome新分頁，注入遊戲化元素（如煙火音效）對抗分頁混亂，批判傳統瀏覽器分頁管理低效，鼓勵使用者以「Keep tabs on your tabs」心態，轉化為「分頁衛生」習慣。無任何雲端依賴，強化本地控制，適合厭倦分頁地獄的開發者與重度使用者。