StylePeek - 設計樣式檢查器

即時檢查任意網站的字型、顏色和間距。側邊欄在瀏覽時保持開啟。零 DOM 污染，一鍵複製。

無需開啟 DevTools，即可即時檢查任意網站的字型、顏色和間距。 StylePeek 是一款為高效工作打造的設計檢查工具。開啟側邊欄，點擊任意元素，即可立即查看其樣式。無需重新整理頁面，零 DOM 污染，操作簡便。 使用方式： 1. 點擊 StylePeek 圖示開啟側邊欄 2. 點擊「開始檢查」，選取頁面上的任意元素 3. 在側邊欄中即時查看字型排版、顏色和間距資訊 4. 一鍵複製任意數值 側邊欄在瀏覽過程中保持開啟狀態，可跨頁面和分頁檢查元素，無需重新開啟。 免費功能： - 檢查字型、字級、字重和行高 - 擷取顏色（hex、RGB、HSL），附帶預覽色塊 - 透過視覺化盒模型測量外邊距和內邊距 - 一鍵複製檢查到的任意值 - 適用於所有網站 PRO 功能： - 將樣式匯出為 Tailwind CSS 類別 - 匯出為 CSS 自訂屬性或 JSON 設計權杖 - 從圖片中擷取顏色 - 全頁面設計分析與樣式概覽 隱私保護： - 所有檢查均在瀏覽器本機執行，不向任何伺服器傳送資料 - 無 DOM 注入 — 被檢查的頁面保持完全乾淨 - 免費功能無需註冊帳號 主機權限說明： StylePeek 需要存取網頁以讀取您點擊元素的 CSS 樣式。這是側邊欄跨分頁運作所必需的權限。不會收集、儲存或傳輸任何頁面內容。 無論是查看參考網站的網頁設計師、除錯版面配置的前端開發者，還是稽核一致性的設計系統團隊，StylePeek 都是理想的工具。