DevSniper – Global Developer Search
DevSniper brings two tools in one lightweight plugin: Front-end Inspector for logged-in admins (or a custom capability via devsniper_required_cap ). Hover to highlight, click to view tag/ID/classes, size and offsets, DOM path, CSS selector, source detection (Elementor/Gutenberg/Theme), copy buttons,
About this tool.
DevSniper brings two tools in one lightweight plugin:
- Front-end Inspector for logged-in admins (or a custom capability via devsniper_required_cap ). Hover to highlight, click to view tag/ID/classes, size and offsets, DOM path, CSS selector, source detection (Elementor/Gutenberg/Theme), copy buttons, quick “Open Editor” link, favourites, and a saved per-user toggle.
- Admin Search (command palette) inside wp-admin with Ctrl/Cmd + K : quick results for posts/pages, media, users, admin pages, plus per-user favourites with a star toggle. Clean UI that respects WordPress styling, with tabs for General/Sources/Premium settings.
No tracking, no external requests, no locked “pro-only” code. Everything in this free version is fully usable.
SECURITY CHECKLIST
- Capabilities: Inspector gated by manage_options (filter devsniper_required_cap ); admin search limited to edit_posts .
- Nonces: All AJAX routes verify devsniper_nonce plus capability checks before mutating data.
- Sanitization/Escaping: All incoming text via sanitize_text_field / esc_url_raw ; outputs escaped in HTML; URLs escaped.
- External requests: None. No telemetry or third-party calls; assets served locally.
Screenshots & previews.
Getting started.
- 01Upload the plugin files to /wp-content/plugins/devsniper or install via the Plugins screen.
- 02Activate the plugin through Plugins in WordPress.
- 03In wp-admin click the 🎯 icon in the admin bar or press Ctrl/Cmd + K to open the search palette.
- 04On the frontend (logged-in admins), click the same 🎯 icon or press Ctrl/Cmd + Shift + I to toggle the Inspector.