內容簡介
CodingBunny CSS Inspector 是一款為網站前端添加類似開發者工具面板的外掛，讓使用者可以輕鬆檢查和複製 CSS 樣式，無需打開瀏覽器的開發者工具，適合用於自訂佈景主題或了解樣式來源。
【主要功能】
• 檢查任何元素的 CSS，去除預設值
• 支援多種狀態的樣式檢查
• 一鍵複製選擇器和 CSS 區塊
• 可調整面板位置與大小
• 僅對管理員可見，訪客無法訪問
外掛標籤
開發者團隊
原文外掛簡介
CodingBunny CSS Inspector adds a DevTools-style panel to the frontend of your site. Hover any element to see its CSS, click to lock it and copy exactly what you need, without opening the browser developer tools.
It is ideal for customizing a theme, overriding a page builder style or understanding where a rule comes from.
What you can inspect
The CSS of any element, cleaned of default values and ready to paste
Hover, focus, focus-visible, focus-within and active states, read from your real stylesheets
The ::before and ::after pseudo-elements
The CSS variables used by the element and their current values
The stylesheets that style the element: theme, plugin, WordPress core, generated files and inline styles, with the selectors that match
A clickable breadcrumb of parent elements, with a short or full selector path
Made for daily use
Open it from the admin bar or with Alt+Shift+C
Copy selectors and CSS blocks in one click
Dock the panel on the left or on the right and resize it
Colors shown in HEX with a preview swatch
The panel is isolated from your theme, so its styles never break the inspector and vice versa
Visible only to administrators and never loaded for visitors or in the dashboard
