點點工具
CSS Peeper

CSS Peeper

幾秒鐘內檢查網站風格。

開發工具設計工具Chrome
CSS Peeper

產品截圖

1 / 5
CSS Peeper — 官方 Chrome 網路商店產品截圖 1
CSS Peeper — 官方 Chrome 網路商店產品截圖 1

產品簡介

CSS Peeper 由 Sparkglare Sp. Z o.o. 發行,已列為 Chrome 平台。開發者形容其目的是「在幾秒內檢查網站樣式」。本指南整合了文件中的功能、安裝入口點及相容性細節,讓您能判斷是否適合您的任務。

主要功能

官方列表詳細說明了以下功能。安裝前,請先將所需功能與現有平台及付費功能資訊進行比較。這些是開發者的描述,並非獨立的效能或安全測試結果。

  • 檢查網頁元素的視覺屬性。

  • 預覽並複製元素 CSS,並匯出設計資訊。

安裝與首次使用

打開 Chrome 網路商店連結,確認CSS Peeper並確認發行商Sparkglare Sp. Z o.o.,然後選擇「新增到 Chrome」。確認前請先閱讀所要求的權限。安裝後,Chrome 的擴充功能選單提供擴充功能存取;固定工具列圖示是可選的。若要之後停用或移除,請使用 Chrome 的管理擴充功能頁面。

清單宣告工具列動作。使用工具列的輸入開啟擴充功能的動作。

操作方法

從符合你任務的操作開始。以下行動已在官方名錄中記錄;它們是獨立的使用選項,不是每個使用者都必須完成的序列。對於未在此列出的控制方式,請參考https://csspeeper.featurebase.app/en/help/articles/9571335-getting-started,而非假設有特定的按鈕或選單存在。

  • 「以先進的設計檢查功能強化您的工作流程,節省數小時的工作時間。」

  • 「只需簡單點擊即可快速檢查元素屬性,節省數小時。」

  • 「匯出到你最喜歡的設計工具。」

  • 「立即預覽並複製任何元素的 CSS,將優秀的設計轉化為可重複使用的程式碼。」

平台、版本與支援語言

認證商店版本:Chrome。擷取版本為 1.2.3,更新日期為 2026-09-11。版本號和發布時間可能因商店而異。只有這裡顯示的瀏覽器商店按鈕被驗證過。共享瀏覽器引擎並不會建立獨立的官方商店版本。

官方商店列出了 1 種介面語言。本頁支援的語言標籤來自該產品元資料;它們與本指南提供的八種語言是分開的。查看目前的商店,看看某個語言是否對你的工作流程很重要。

價格與付費功能

開發者描述了免費方案、試用版或免費版,並搭配付費功能。請查看官方網站,了解您所在地區目前的功能限制與價格。安裝瀏覽器套件與訂閱連接服務是分開的操作;僅靠瀏覽器商店按鈕無法確定包含哪些付費功能。

權限與隱私注意事項

已發佈的擴充功能清單列出這些 API 權限:storage、sidePanel、activeTab、tabs、alarms、scripting、unlimitedStorage、webRequest。這些是宣告能力,而非開發者實際收集資料的證明。在授權使用前,請先閱讀 Chrome 的安裝提示和開發者的隱私政策(https://csspeeper.com/privacy-policy)。

Chrome 擴充功能細節允許你檢查網站存取並停用擴充功能。若未出現預期控制項,請檢查擴充功能是否啟用,且目前網站的描述是否支援。不要只為了排除單一網站問題而將所有網站的存取權限延長。

常見問題

官方下載在哪裡?請使用 Chrome 網路商店按鈕,查看本指南中提到的精確商品列表:https://chromewebstore.google.com/detail/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en. 對於其他已驗證平台,請使用它們各自的商店按鈕。本頁面不提供安裝套件或修改過的副本。

如果某個功能有變動,我應該去哪裡找?比較目前商店版本與 1.2.3 版本,然後查看https://csspeeper.featurebase.app/en/help/articles/9571335-getting-started.商店截圖顯示的是附贈的產品圖片,但後續版本和裝置配置可能會有所不同。針對帳號、帳單及產品相關問題,請使用官方支援管道。