StylePeek - 設計樣式檢查器

無需開啟 DevTools，即可即時檢查任意網站的字型、顏色和間距。

StylePeek 是一款為高效工作打造的設計檢查工具。開啟側邊欄，點擊任意元素，即可立即查看其樣式。無需重新整理頁面，零 DOM 污染，操作簡便。

使用方式：
1. 點擊 StylePeek 圖示開啟側邊欄
2. 點擊「開始檢查」，選取頁面上的任意元素
3. 在側邊欄中即時查看字型排版、顏色和間距資訊
4. 一鍵複製任意數值

側邊欄在瀏覽過程中保持開啟狀態，可跨頁面和分頁檢查元素，無需重新開啟。

免費功能：
- 檢查字型、字級、字重和行高
- 擷取顏色（hex、RGB、HSL），附帶預覽色塊
- 透過視覺化盒模型測量外邊距和內邊距
- 一鍵複製檢查到的任意值
- 適用於所有網站

PRO 功能：
- 將樣式匯出為 Tailwind CSS 類別
- 匯出為 CSS 自訂屬性或 JSON 設計權杖
- 從圖片中擷取顏色
- 全頁面設計分析與樣式概覽

隱私保護：
- 所有檢查均在瀏覽器本機執行，不向任何伺服器傳送資料
- 無 DOM 注入 — 被檢查的頁面保持完全乾淨
- 免費功能無需註冊帳號

主機權限說明：
StylePeek 需要存取網頁以讀取您點擊元素的 CSS 樣式。這是側邊欄跨分頁運作所必需的權限。不會收集、儲存或傳輸任何頁面內容。

無論是查看參考網站的網頁設計師、除錯版面配置的前端開發者，還是稽核一致性的設計系統團隊，StylePeek 都是理想的工具。