側邊欄(Side Panel)是 Google Chrome 瀏覽器於 2022 年首次推出的特性,它可以讓用戶在瀏覽網頁的同時,打開一個側邊欄,顯示一些常用的小工具或者應用。
早期,一些擴展實現了類似側邊欄的功能,即支持在網頁的右側或左側顯示一個窗口。但是,這些擴展的體驗並不是很好,它可能會遮擋網頁的內容,或者在切換標籤頁時,每次都需要重新打開。而 Chrome 的側邊欄特性,可以保持側邊欄的顯示狀態,不受標籤頁切換的影響。開發者能實現的功能更多,用戶體驗也更好。
Chrome 內置了一些默認的側邊欄應用,例如:閱讀清單、書籤、歷史記錄、Google 搜索等。隨著 2023 年 5 月面向第三方擴展開發者的 Side Panel API 上線,越來越多的開發者也開始適配這個特性,推出了各種各樣的側邊欄擴展應用。
接下來我將介紹一些我使用過的、還不錯的 Chrome 側邊欄應用。
▍GetVM:免費的雲端 Linux 和 IDE
Linux 是一個非常強大的作業系統,它在伺服器領域有著廣泛的應用。我還記得十多年前上大學時,為了體驗 Fedora 和 Ubuntu 等 Linux 發行版,我曾經在 Windows 系統上學會了安裝雙系統。
GetVM 這款 Chrome 側邊欄擴展,可以幫你在瀏覽器中快速創建一個運行在雲端的 Linux 虛擬機。使用了側邊欄特性的好處在於,你無需頻繁切換窗口,從而更加專注於學習或者工作。

GetVM 通過側邊欄啟動 Ubuntu Desktop
你可以根據需要直接打開預設模板,例如 Ubuntu Desktop,Jupyter Notebook,VS Code,以及各類資料庫等。或者提交自己的 Docker Hub 鏡像鏈接到 GetVM 。
無論是學習編程,測試代碼,或者出於安全考慮打開一個不太放心的網站,都可以在 GetVM 中完成。
GetVM 最大的優勢是輕量便捷,你不需要在剛入門編程時就被複雜的環境配置困擾,也不需要擔心污染本地環境把系統搞得亂糟糟,甚至崩潰。只需要在瀏覽器菜單欄點擊一下,就可以在側邊欄中立刻獲得一個 Linux 的虛擬機,是新手入門 Linux 非常不錯的選擇。你可以前往 Chrome 應用商店安裝 GetVM (本文作者利益相關產品)。
▍豆包:瀏覽器中的 AI 助手
兩年前,ChatGPT 引爆了生成式 AI 的熱潮,如今已經被廣泛應用在各種場景中。豆包是字節推出的 AI 助手,同時提供了支持 Chrome 側邊欄的擴展應用,它可以幫助你在瀏覽網頁時,快速調用 AI 助手,獲取文本摘要、翻譯、生成圖片等功能。

使用豆包總結網頁
如今,瀏覽器擴展類的 AI 助手已成紅海,甚至成為了側邊欄應用最多的類別之一。除了豆包的海外版 Cici ,還有包括 Sider , Monica , Manganum , Elmo Chat 等都運用了 Chrome 的側邊欄特性,並且做得都很不錯。
當然,豆包的優勢之一是目前完全免費,例如之前你可能需要基於大模型的網頁翻譯,都需要配置自己的 API 密鑰或者訂閱,而這一切在豆包和 Cici 中都是免費的。此外,豆包在不支持側邊欄的瀏覽器,例如 Arc 中也通過技術手段實現了類似的功能,的確是一款很用心的產品。

豆包在 Arc 瀏覽器中實現了類側邊欄的效果
▍Tab Shelf:藉助側邊欄實現垂直標籤頁
Edge 瀏覽器在 2021 年就推出了垂直標籤頁的功能,受到了很多用戶的好評。垂直標籤,顧名思義就是可以將標籤頁放在瀏覽器的左側,而不是傳統的上方。這樣做的好處在於,可以更好地利用寬屏顯示器的空間,標題顯示更長,標籤頁顯示更多,也就更利於區分和篩選。

Edge 垂直標籤頁
雖然有很多瀏覽器都支持了垂直標籤頁,但是 Chrome 本身並沒有這個功能。不過,有一款叫做 Tab Shelf 的側邊欄應用,可以幫助你實現類似的效果。

Tab Shelf 管理標籤頁
Tab Shelf 可以讓你在 Chrome 瀏覽器的側邊欄中,管理當前的所有標籤頁,提供了標籤頁分組、靜音、複製、固定、睡眠、關閉等功能。
無論從顏值還是功能,Tab Shelf 都是一款非常不錯側邊欄垂直標籤頁擴展,值得一試。唯一不足的地方是沒有提供中文界面,當然你可以用上面提到的豆包對 官方手冊 進行翻譯或總結,應該不會有太大問題。
Chrome 應用商店中類似通過側邊欄實現垂直標籤頁的擴展還有很多,例如國內開發者做的 側邊欄垂直標籤頁 。
▍Page Sidebar:側邊欄打開網頁
如果你之前用過 Arc 或者 Edge 瀏覽器,那麼對於分屏顯示網頁應該不陌生。分屏顯示可以讓你同時查看兩個網頁,在需要跨頁面操作或者對比內容時非常有用。

在 Arc 中使用 Split View 分屏顯示網頁
Google Chrome 本身並不支持分屏顯示,但是 Page Sidebar 的側邊欄應用,通過曲線救國的方式實現類似的效果。
你可以通過右鍵選中當前頁面的任意鏈接,從菜單中找到「Open link in sidebar」的選項,然後就可以在側邊欄中打開這個鏈接。例如在瀏覽文章列表的同時,可以在側邊欄中打開文章詳情。

使用 Page Sidebar 分屏顯示網頁
當然,Page Sidebar 使用了 iframe 的方式來打開網頁,所以有些網站可能會有安全策略的限制,導致無法正常打開。但是對於大部分網站, Page Sidebar 都能正常工作。
此外,Page Sidebar 的開發者還提供了另一款側邊欄擴展應用 Note Sidebar ,這是一款筆記應用,功能非常簡單,這裡就不再贅述了。
▍滴答清單:輕量的待辦事項工具
滴答清單是知名的國產待辦事項工具,它的 Chrome 擴展應用也支持了側邊欄。由於是採用了類似 Page Sidebar 的方式直接嵌入了滴答清單的 Web 版本,所以你可以側邊欄中完成 Web 版本的所有操作,包括添加任務、查看任務、設置提醒等。

滴答清單的側邊欄擴展
如果你是滴答清單的用戶,推薦 安裝試一試 。
▍側邊遊戲:百餘款小遊戲
除了上面提到的工具類應用,側邊欄也可以用於放鬆一下,玩一局小遊戲。 側邊遊戲 提供了百餘款免費的小遊戲,你可以在側邊欄中直接打開,無需切換標籤頁。

這些小遊戲包括了各種類型,例如射擊、益智、休閒、競速等,適合各種年齡段的用戶。隨時隨地玩一局,勞逸結合。
▍小結
最後再提一下 Chrome 側邊欄相關的設置選項。你可以在 Chrome 瀏覽器的設置中,找到「外觀」選項,然後在「側邊欄」中選擇默認的側邊欄位於左側或右側,這個根據個人習慣選擇即可。

瀏覽器設置側邊欄位置
此外,你還可以前往 chrome://flags 中,搜索 side-panel,可以看到一些關於側邊欄的實驗性特性。但需要謹慎使用,因為這些特性可能會導致瀏覽器不穩定。
側邊欄的出現,讓一些工具類和效率類的應用有了更好的展示方式和體驗,使用起來更加便捷,無需頻繁切換窗口和打開單獨的網頁。
但目前 Google Chrome 側邊欄應用的生態也還不夠完善,官方時常做功能上的變更,而開發者往往也是直接嵌入 Web 版本的頁面,缺乏一些原生的適配,讓整體的產品體驗略顯粗糙。
目前,AI 助手類的應用基本占據了 Chrome 側邊欄應用的半壁江山,也希望未來能有更多有趣的應用出現。當然,我更加希望 Google Chrome 不要原地踏步,在完善側邊欄特性的同時,也積極吸收其他瀏覽器的優秀特性,讓用戶體驗越來越好。