A comprehensive WordPress plugin designed specifically for developers working with WordPress and WooCommerce. DevXpert provides visual inspection tools, hook locators, debugging helpers, and productivity boosters to streamline your development workflow.
- Visual overlay of all hooks (do_action, apply_filters) on front-end
- Works across all templates: WooCommerce, theme templates, etc.
- Hover to view:
- Hook name
- Hook type (action / filter)
- Priority & attached functions
- Click to:
- Copy hook name
- Inject test content (for action hooks)
- Open hook context (see which plugin/theme added it)
- Admin toolbar dropdown or standalone admin page
- Logs:
- Hooks fired on the current page
- Callback functions, with priority and origin
- Time taken (performance profiling)
- Find where a function is defined (theme or plugin)
- Search WordPress core, plugin, or theme directories
- Shows:
- File path
- Line number
- Syntax highlight
- Safely run custom PHP snippets for testing
- Sandbox mode with optional WP nonce/role check
- Ideal for hook testing, debugging
- Shows template override paths for:
- WooCommerce
- Theme templates
- Highlights whether template is being overridden and from where
- Visual breakdown of:
is_product(),is_cart(),is_checkout(), etc.
- Tells you which conditionals return true on the current page
- Find post meta
- Inspect global
$post,$product,$user,$orderobjects - Optionally dump info into admin bar or console
- Download the plugin files
- Upload the
devxpertfolder to your/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Go to Tools โ DevXpert to access the developer tools
- Create a ZIP file of the plugin folder
- Go to Plugins โ Add New โ Upload Plugin
- Upload the ZIP file and activate
- Access via Tools โ DevXpert
- Go to Tools โ DevXpert โ Hook Inspector
- Enable "Hook Overlay"
- Visit any page on your site
- Hover over elements to see hook information
- Click hooks to copy names or view details
- Go to Tools โ DevXpert โ Function Tracer
- Enter a function name (e.g.,
wp_head) - Click "Search"
- View results showing file locations
- Go to Tools โ DevXpert โ PHP Runner
- Enter PHP code in the textarea
- Click "Run Code"
- View output and return values
- Go to Tools โ DevXpert โ Template Locator
- Enter template name (e.g.,
single.php) - Click "Search"
- See template locations and override status
- Go to Tools โ DevXpert โ WooCommerce Conditionals
- Click "Check Current Page Conditionals"
- View which conditionals return true
- Ctrl/Cmd + Shift + H: Toggle hook overlay on frontend
All plugin settings are managed through the admin interface at Tools โ DevXpert. You can enable/disable individual features:
- Hook Overlay
- Hook Logger
- Function Tracer
- PHP Runner
- Template Locator
- WooCommerce Conditionals
- Admin Tools
- Plugin only loads for administrators or when
WP_DEBUGis true - PHP Runner includes security checks to prevent dangerous function execution
- All AJAX requests include nonce verification
devxpert/
โโโ devxpert.php # Main plugin file
โโโ includes/ # PHP classes
โ โโโ Core/
โ โโโ Plugin.php # Main plugin class
โ โโโ Admin/ # Admin interface
โ โโโ HookInspector/ # Hook overlay functionality
โ โโโ HookLogger/ # Hook logging
โ โโโ FunctionTracer/ # Function location
โ โโโ PhpRunner/ # Safe PHP execution
โ โโโ TemplateLocator/ # Template finding
โ โโโ WooConditionalHelper/ # WooCommerce conditionals
โ โโโ AdminTools/ # Admin debugging tools
โโโ assets/ # Frontend assets
โ โโโ css/
โ โ โโโ admin.css # Admin styles
โ โ โโโ frontend.css # Frontend overlay styles
โ โโโ js/
โ โโโ admin.js # Admin functionality
โ โโโ frontend.js # Frontend overlay functionality
โโโ templates/ # PHP templates
โ โโโ admin-page.php # Admin page template
โโโ languages/ # Translation files
The plugin provides several hooks for customization:
// Modify hook overlay behavior
add_filter('devxpert_hook_overlay_enabled', '__return_false');
// Add custom hook detection
add_action('devxpert_hook_detected', function($hook_name, $hook_data) {
// Custom logic
}, 10, 2);- Ensure you're logged in as an administrator
- Check that "Hook Overlay" is enabled in settings
- Verify no JavaScript errors in browser console
- Check if theme conflicts with overlay positioning
- Ensure you have administrator privileges
- Check that dangerous functions are not being used
- Verify nonce is valid
- Check server error logs
- Ensure function name is correct
- Check file permissions on WordPress directories
- Verify search directories are accessible
- Initial release
- Hook Inspector with visual overlay
- Function Tracer
- PHP Code Runner
- Template Locator
- WooCommerce Conditional Helper
- Admin Tools
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This plugin is licensed under the GPL v2 or later.
For support, feature requests, or bug reports:
- Create an issue on GitHub
- Check the troubleshooting section above
- Review WordPress debugging guides
- This plugin is designed for development environments
- Some features may impact performance on production sites
- Always test thoroughly before using on live sites
- Keep WordPress and plugins updated for security
- Hook performance profiling
- Advanced code analysis
- Database query inspector
- Custom hook creation wizard
- Integration with popular IDEs
- Real-time collaboration tools
DevXpert - Making WordPress development easier, one hook at a time! ๐ "# DevXpert"