CodingBunny

<p>CodingBunny CSS Inspector adds a clean, DevTools-style sidebar to your WordPress frontend, letting administrators visually inspect any element and copy its CSS with a single click.<br />
Perfect for theme customization, debugging, and quick styling adjustments—without ever opening the browser DevTools.</p>
<p>The inspector displays full CSS blocks, selector paths, HEX color values, used CSS variables, and ready-to-copy pseudo-state styles like :hover, :focus, and :active.</p>
<p>Designed for power and simplicity, and visible only to logged-in administrators.</p>
<h4>Features</h4>
<p>DevTools-like inspection sidebar, launched from the admin bar</p>
<p>Full CSS block viewer for any element (full or simplified selector paths)</p>
<p>Ready-to-copy pseudo-state blocks: :hover, :focus, :active</p>
<p>Automatic extraction of all CSS variables used by the selected element</p>
<p>Copy-to-clipboard buttons with instant visual feedback</p>
<p>Lightweight and unobtrusive—runs only for authenticated admins</p>
<p>Never loads for visitors or on the WordPress dashboard</p>
<h4>Installation</h4>
<p>Download codingbunny-css-inspector.zip</p>
<p>Unzip the file</p>
<p>Upload the codingbunny-css-inspector folder to /wp-content/plugins/</p>
<p>Activate CodingBunny CSS Inspector from the Plugins screen</p>
<h3>Usage</h3>
<p>Click “CSS Inspector” in the WordPress admin bar (frontend only)</p>
<p>Hover any element to preview its CSS in the sidebar</p>
<p>Click to lock the selection; press ESC to unlock or click ✕ to close</p>
<p>Toggle between full or compact selector paths</p>
<p>Use the copy buttons to instantly copy selectors and CSS blocks (with green confirmation)</p>


CodingBunny CSS Inspector

Inspect and copy the CSS of your site’s elements directly from the frontend—fast, simple, and DevTools-inspired.

kripanov

<p><strong>Kripanov Anticopia</strong> protects your WordPress content against content theft and web scraping. When activated, it disables keyboard shortcuts, right-click, copy and paste, text selection, image dragging and browser inspection tools on your website.</p>
<p>In addition to the common copy methods, the anti-copy protection also blocks inspection tools (DevTools), providing a protected site where copyright infringement is made significantly harder.</p>
<h4>Features</h4>
<ul>
<li>Disable the right-click context menu.</li>
<li>Prevent text selection across the whole site.</li>
<li>Block copy, cut and paste actions.</li>
<li>Block keyboard shortcuts: <code>Ctrl+C</code>, <code>Ctrl+X</code>, <code>Ctrl+V</code>, <code>Ctrl+A</code>, <code>Ctrl+S</code>.</li>
<li>Block browser inspection tools: <code>F12</code>, <code>Ctrl+Shift+I</code>, <code>Ctrl+Shift+J</code>, <code>Ctrl+Shift+C</code>, <code>Ctrl+Shift+K</code>, <code>Ctrl+U</code>.</li>
<li>Basic detection of DevTools being open.</li>
<li>Prevent image dragging and saving.</li>
<li>Block printing (<code>Ctrl+P</code>) and hide content on print.</li>
<li>Customizable notice message shown when a copy attempt is made.</li>
<li>Option to exclude administrators from the protection.</li>
<li>Full settings panel under <strong>Settings > Anticopia</strong>.</li>
</ul>
<h4>Compatibility</h4>
<p>Compatible with WordPress 7.0 and PHP 7.4 or greater. Uses the <code>defer</code> loading strategy of <code>wp_enqueue_script</code> (available since WP 6.3) to avoid blocking page rendering. Frontend-only: does not load scripts in wp-admin or the block editor, so it is unaffected by the iframed editor changes in WordPress 7.0.</p>
<h4>Privacy</h4>
<p>This plugin does <strong>not</strong> collect, send or store any personal data from your visitors. All processing happens client-side in the visitor’s browser.</p>


Kripanov Anticopia

Anti-copy protection: disables right-click, text selection, copy, paste, keyboard shortcuts and browser inspection tools.

CodingBunny CSS Inspector vs Kripanov Anticopia