CRX id
gneajoakdfoopkamgplmjcdheddpfmoi
gneajoakdfoopkamgplmjcdheddpfmoi
Description from extension meta
An intuitive and powerful CSS inspection tool that makes it easy to inspect, edit, and copy styles of web elements.
Image from store
Description from store
Easily inspect webpage element styles and modify them with live preview.
Inspect Styles:
1. After installation, click the CSS Inspector Pro icon in your toolbar
2. Turn on the "Enable Inspector" switch
3. Hover over any element on the webpage (like buttons, text, images)
4. See all style settings instantly
Modify Styles:
1. Turn on "Selection Mode"
2. Click the element you want to modify
3. Change style values directly in the popup window
4. See changes in real-time
5. Copy all style code with one click when you're satisfied
Key Features:
✓ Real-time CSS inspection
✓ Direct style modification with preview
✓ One-click CSS copying
✓ Element selection mode
✓ Adjustable window position
✓ Keyboard shortcuts
✓ Bilingual interface
輕鬆查看網頁元素樣式，還能直接修改並預覽效果。
查看樣式：
1. 安裝後，點擊工具列上的 CSS Inspector Pro 圖示
2. 開啟「啟用檢查器」開關
3. 將滑鼠移到網頁上任何元素（如按鈕、文字、圖片等）
4. 立即看到該元素的所有樣式設定
修改樣式：
1. 開啟「選取模式」
2. 點擊想要修改的元素
3. 在彈出的視窗中直接修改樣式值
4. 即時看到修改效果
5. 滿意後，一鍵複製所有樣式代碼
主要功能：
✓ 即時查看網頁元素樣式
✓ 直接修改樣式並預覽
✓ 複製樣式代碼
✓ 固定選取特定元素
✓ 可調整視窗位置