使用手冊 - Stylebot

開始使用

按一下工具列中的 Stylebot 圖示，然後選擇 設定此頁面樣式。也可以在任何分頁按 alt+shift+M，或在元素上按右鍵並選擇 Stylebot → 為元素設定樣式。

按一下選取器，將滑鼠移到頁面上，再按一下元素。按一下之前先按 ↑，可改為選取它的父元素。接著在基本中修改，或在 程式碼 中撰寫 CSS。變更會隨時儲存，每次造訪該網站時都會載入。

字型: 搜尋 400 種 Google Fonts，Stylebot 會載入你選的字型；也可以輸入電腦上已安裝的任何字型。
編輯器位置: 在 Chrome 和 Edge 中，編輯器會在側邊面板開啟。使用其 ⋯ 選單中的位置，即可改在獨立視窗中開啟，或停靠在頁面中。Firefox 沒有側邊面板。
關閉樣式: 使用彈出式視窗中的開關，或按 alt+shift+S。樣式會保留，只是不套用。

有些網站使用自動產生的 class 名稱，網站更新時就會改變。如果樣式失效，請重新選取元素以取得新的選擇器。

設定檔是同一網站的另一份樣式表，讓你保留多種外觀並隨時切換。一次只會套用一個，每個網站一開始都是「預設」。

按一下編輯器標題列中網站旁的設定檔名稱，即可建立、重新命名、複製或刪除設定檔。可在那裡或彈出式視窗中切換設定檔；在彈出式視窗中選擇 無樣式 會關閉該網站的樣式。新設定檔一開始是空的。

stylebot 指令讓 Claude Code、Codex、Cursor 等程式設計代理直接在你的瀏覽器中修改網站樣式，使用你自己的訂閱方案，不需要 API 金鑰。這是讓代理設定網站樣式的最佳方式，你也可以自己執行這些指令。

設定: 安裝 CLI、連接到你的瀏覽器，然後在選項中開啟 允許這台電腦上的應用程式控制 Stylebot。命令列頁面會逐步說明每個步驟。目前僅支援 Chrome 和 Edge。
Claude Code: 加入 Stylebot 外掛程式，再用 /stylebot 要求變更，例如為網站套用深色主題。
隱私權: 命令列存取在你開啟之前都是關閉的。Stylebot 和 CLI 只在這台電腦上彼此溝通；代理則會把讀取到的內容傳送給它自己的供應商。

聊天最適合快速修正。在聊天分頁中描述你想要的變更，Stylebot 就會撰寫 CSS。你可以選取元素來指明對象，或附加螢幕截圖說明你的意思。若是較大的變更，例如整套新主題，請使用命令列。

使用你自己的金鑰: 連線 Claude、OpenAI 或 Gemini 的 API 金鑰。金鑰只儲存在這台電腦上，永不同步。訊息會直接從你的瀏覽器傳送到供應商。
變更會加到哪裡: 每項變更都會立即套用，並加入目前設定檔的樣式表。按一下 新增 N 行 即可在程式碼分頁中查看，也可以從聊天中復原。
費用: 訊息框下方的 token 數會顯示這段對話的用量，以及預估費用。

兩者都在預設分頁中，並能和你自己的修改疊加。簡閱會把網站的文章轉換為整潔的閱讀檢視，主題、字型、字級和寬度都能自選；不是文章的頁面則不受影響。灰度會移除網站的色彩，強度可調。

Google Drive 同步: 在選項頁面中連線 Google Drive。你的樣式（包括設定檔）每 30 分鐘同步一次，編輯後也會立即同步。Stylebot 只能看到它在你的 Drive 中建立的檔案，而且沒有 Stylebot 伺服器。
衝突: 如果同一個樣式在兩台電腦上都有變更，會保留你較新的編輯，另一個版本則保存在註解中，不會遺失任何內容。
備份: 在選項頁面中將所有樣式匯出和匯入為 JSON。
版本記錄: 這台電腦上的每一次變更都會保留在選項頁面中，包括透過同步傳來的變更。可為部分或全部網站還原任何先前的版本。

預設情況下，Stylebot 會依網域名稱將樣式對應到網站。在選項頁面中編輯樣式的 URL，即可使用以下模式做更精確的比對。

**比對任意字元序列。

*比對任意字元序列，直到遇到 / 為止。

,分隔多個模式。只要任一模式符合，URL 就符合。

^放在 URL 開頭時，會將其轉為正規表示式。

全域快速鍵可在 Stylebot 能設定樣式的任何頁面上使用，可在瀏覽器的快速鍵設定中變更（選項頁面中有連結）。編輯器本身的快速鍵，請在編輯器中按 ? 查看。

全域

開啟/關閉編輯器alt+shift+M

開啟/關閉樣式alt+shift+S

開啟/關閉簡閱未設定，請在瀏覽器中指定

開啟/關閉灰度未設定，請在瀏覽器中指定

選取元素時

選取父元素↑或←

返回子元素↓或→

選取醒目標示的元素enter

發現錯誤或有點子？請到 GitHub 回報問題。Stylebot 免費且開放原始碼，自 2011 年起持續維護。如果它對你有幫助，歡迎請我喝杯咖啡來支持。