瀏覽器擴充功能推薦

這篇整理了我目前實際在用的 Chrome 擴充功能，涵蓋工作開發、日常瀏覽到閱讀學習各個面向。我目前主要搭配的瀏覽器是 Arc，它本身基於 Chromium，所以所有 Chrome 擴充功能都可以直接安裝使用。

工作與開發

React DevTools

開發 React 專案時必備的擴充，可以直接在瀏覽器的開發者工具裡檢視 React 元件樹、props 跟 state，除錯的時候非常方便。

Wappalyzer

可以分析任何網站背後使用了哪些技術，像是前端框架、CMS、伺服器、分析工具等等。我在研究別人的網站或評估技術方案的時候會用到。

JSON Viewer

讓瀏覽器可以直接把 JSON 格式化成好閱讀的樣式，不用再把 JSON 貼到其他工具去排版。在除錯 API 回傳結果的時候很實用。

Claude

Anthropic 的 Claude AI 擴充，可以在瀏覽器裡直接跟 Claude 對話，不用另外開分頁到 Claude 的網站。在工作中需要快速問問題或整理想法的時候很方便。

Save image as Type

可以在儲存圖片的時候選擇要存成什麼格式，像是 PNG、JPG、WebP 之間互轉，不用再額外用工具做格式轉換。

Bitwarden

密碼管理擴充，搭配 Bitwarden 主程式使用，可以在瀏覽器上自動填入密碼跟 Passkey，登入各種服務的時候不用再手動輸入。

Checker Plus for Gmail

可以直接在瀏覽器右上角查看 Gmail 的新郵件，不用另外開 Gmail 的分頁。有新信的時候會即時通知，快速預覽後決定要不要點進去看。

日常

uBlock Origin

我用的廣告封鎖擴充，開源免費，效能也很好。裝了之後瀏覽體驗乾淨很多，也能減少一些追蹤器。

SponsorBlock

看 YouTube 的時候可以自動跳過贊助片段、開頭動畫、結尾推廣等等。資料都是社群貢獻的，用起來省了不少時間。

Return YouTube Dislike

把 YouTube 隱藏的倒讚數量顯示回來，在判斷影片品質的時候多一個參考指標。

Dark Reader

可以把幾乎所有網頁都轉成深色模式，晚上瀏覽的時候眼睛比較舒服。它會智慧分析網頁的配色去做轉換，大部分網站的效果都還不錯。

OneTab

可以一鍵把目前所有的分頁收成一個列表，釋放記憶體。以前用 Chrome 的時候我很常用它來整理分頁，不過換到 Arc 之後，因為它原生的分頁管理機制已經很好地解決了這個問題，所以現在比較少用到。如果你是 Chrome 使用者，這個擴充還是蠻推薦的。

書籤側邊欄

讓書籤用側邊欄的方式顯示，比起瀏覽器內建的書籤管理器更方便存取跟整理。不過如果你跟我一樣用 Arc 的話，它內建的側邊欄體驗其實更好，不一定需要額外裝這個擴充。

QR Code Generator

可以快速把目前頁面的網址產生成 QR Code，需要在手機上開同一個頁面的時候掃一下就好，不用再手動輸入網址。

閱讀

沉浸式翻譯

我最常用的網頁翻譯擴充，可以在保留原文的情況下，把翻譯結果以雙語對照的方式顯示在下方。閱讀外文文章的時候非常好用，不會像 Google 翻譯那樣整頁替換掉原文。

GlotDojo

即時翻譯字幕的擴充，看外語影片的時候可以同時顯示原文跟翻譯字幕，方便學習外語或理解內容。

為什麼你們就是不能加個空格呢？

自動在中英文之間加上空格，讓網頁上的文字排版更好看、更好閱讀。裝了之後看中英混排的內容會舒服很多。

封鎖內容農場

自動偵測並封鎖內容農場網站，在搜尋結果裡直接過濾掉這些低品質的內容，省去誤點進去浪費時間。

Save to Notion

可以把網頁內容快速儲存到 Notion 的資料庫裡，我會用它來收集有參考價值的文章跟資料，方便之後回頭查閱。

Notion Web Clipper

Notion 官方的網頁擷取工具，可以把整個網頁的內容擷取到 Notion 裡。跟 Save to Notion 比起來，它擷取的內容會更完整。

Notion Boost

增強 Notion 使用體驗的擴充，可以自訂一些 Notion 原生沒有的功能，像是調整字體大小、隱藏不需要的 UI 元素等等。

Readwise

我用來收集跟管理閱讀筆記的工具，搭配瀏覽器擴充可以直接在網頁上做標註跟摘錄，這些內容會自動同步到 Readwise 裡統一管理。