CSS Inspector Pro icon

CSS Inspector Pro

by Pascal

v1.0.0 Updated May 28, 2025 4.06MiB
CWS
11
Users
★ 0.00
0 reviews
#108711
of 189.8K
tools
#30044 of 58.8K

Description

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. 滿意後,一鍵複製所有樣式代碼 主要功能: ✓ 即時查看網頁元素樣式 ✓ 直接修改樣式並預覽 ✓ 複製樣式代碼 ✓ 固定選取特定元素 ✓ 可調整視窗位置
CSS Inspector Pro screenshot 1CSS Inspector Pro screenshot 2CSS Inspector Pro screenshot 3

Reviews

Loading reviews...

Permissions (2)

Permissions

activeTab Can access the current tab when you click the extension storage Can store data locally in your browser

Details

Version 1.0.0
Updated May 28, 2025
Size 4.06MiB
First Seen Mar 28, 2026