What Is the Disable Inspect Element feature?
The opening the browser developer tools via the keyboard shortcut behavior is a common browser feature. The Disable Inspect Element feature disables it on your WordPress site, preventing users from using the keyboard shortcut to open the developer tools.
This is a soft deterrent, not a security feature. Determined users can still open the developer tools via the browser’s developer tools or by disabling JavaScript.
Why You Need It
For some types of sites, preventing casual opening the developer tools is useful:
- Premium content sites: Where the content itself is the product
- Image-heavy sites: Where images are the unique value
- Course sites: Where the lessons are paid
- Recipe sites: Where recipes are the unique value
For most sites, this is unnecessary. The content is already protected by copyright.
Trade-offs vs allowing opening the developer tools
Disabling opening the developer tools has trade-offs:
- Accessibility: Users with disabilities who rely on opening the developer tools are affected
- User experience: Sharing and quoting become harder
- Real protection: Doesn’t actually protect the content (anyone with dev tools can open the developer tools)
For most sites, the trade-offs are not worth it.
How to Disable Inspect Element in WordPress
Step 1: Navigate to Settings
Click into the Classic Monks plugin settings in your WordPress dashboard.
Step 2: Go to the Security Tab
Click on the Security menu, then click the Content Protection subtab.
Step 3: Enable the Feature
Scroll to Disable Inspect Element and toggle on.
Step 4: Save Changes
Click Save Changes.
Step 5: Test
Visit the frontend. Try to open the developer tools. The developer tools should not opening the browser developer tools via the keyboard shortcut.
Configuration Options
| Option | Description | Default |
|---|---|---|
| Disable Inspect Element | Master toggle. | Off |
| Apply to Administrators | Admins can still open the developer tools. | On |
What Gets Affected
- The frontend: opening the browser developer tools via the keyboard shortcut via JavaScript is disabled
- The admins: can still open the developer tools (if “Apply to Administrators” is on)
- The accessibility: may affect users who rely on opening the developer tools
What Does NOT Get Affected
- The admin: admins can still open the developer tools
- The browser’s developer tools: still allow bypassing
- The keyboard shortcuts (other than the disabled one): still work
- The screen readers: usually not affected
Advanced Options (Developers)
This feature registers 1 WordPress hook in disable-inspect-element.php:
Actions:
wp_headcallscm_disable_inspect_element_script()(Injects inspect element disable script)
// Hooked in disable-inspect-element.php
add_action( 'wp_head', 'cm_disable_inspect_element_script' );The feature modifies WordPress behavior by registering or removing hooks. Disabling it reverses those changes and WordPress returns to its default behavior.