Daniel Dvorkin

<p>I’m working on a nice admin screen to config auto-logging of some common things (like wp_query in pre_get_posts and wp), and some other goodies.</p>
<p>To log things manually, you can use:</p>
<pre><code>browser()->log  ( $var, $label );
browser()->warn ( $var, $label );
browser()->info ( $var, $label );
browser()->error( $var, $label );
</code></pre>
<p>Also, commandas are chainable:</p>
<pre><code>browser()->log( 'This is a log...' )->error( '...and this is an error' );
</code></pre>
<p>For example, to log all your main query’s query_vars:</p>
<pre><code>add_filter( 'pre_get_posts', 'log_wp_query', 10000 );

function log_wp_query( $query ) {
    if ( $query->is_main_query() )
        browser()->log( $query->query_vars, 'pre_get_posts' );

    return $query;
}
</code></pre>
<h4>Filters</h4>
<p><em>wplinb-match-wp-debug</em>: Set to true to only log when wp_debug is true. To prevent logging when wp_debug is false:</p>
<pre><code>add_filter( 'wplinb-match-wp-debug', '__return_true' );
</code></pre>
<p><em>wplinb-enabled</em>: To disable logging completely. It takes precedence over <em>wplinb-match-wp-debug</em>. To disable logging:</p>
<pre><code>add_filter( 'wplinb-enabled', '__return_false' );
</code></pre>
<h4>Profiling</h4>
<p>The plugin includes a really simple function to allow you to track execution time of different parts of your code.</p>
<pre><code>browser()->timer( $key, $log = false );
</code></pre>
<p>The first time you call this function with a given $key (string) it will start a timer, and return false. You can start as many timers as you want, using different $key values. You can ignore the second parameter for this first call.</p>
<p>The second time you call this function with a given $key, it will return the ellapsed time in seconds since you started this $key timer. If you set the second parameter to true, it will also log this value to the browser.</p>
<p>Example 1: Sequential use, log manually.</p>
<pre><code>browser()->timer( 'Mega loop' );
for ( $i = 0; $i < 1000000; $i++ ) {
    //do something
}
$time = browser()->timer( 'Mega loop' );
browser()->log( $time, 'The mega loop took:' );
</code></pre>
<p>Example 2: Start and end in different places, log automatically.</p>
<pre><code>add_action( 'posts_selection', 'start_timer', 100 );
add_filter( 'the_posts', 'end_timer', 1, 2 );

function start_timer( $query ) {
    browser()->timer( 'Main query time' );
}

function end_timer( $posts, $query ) {
    browser()->timer( 'Main query time', true );
    return $posts;
}
</code></pre>
<p><em>This is not a good way of measuring how much time a query takes to run, it’s just to illustrate how to use the timer.</em></p>
<p>In exactly the same way, you can use the function</p>
<pre><code>Browser()->memory( $key, $log = false );
</code></pre>
<p>to measure delta of memory consumption from your first call and your second call with the same $key.</p>
<p>Example:</p>
<pre><code>Browser()->memory( 'testing' );
$test = array();
for ( $i = 0; $i < 100; $i++ ) {
    $test[$i] = md5( rand( 1, $i ) );
}
Browser()->memory( 'testing', true );


Browser()->memory( 'testing' );
$test = array();
for ( $i = 0; $i < 10000; $i++ ) {
    $test[$i] = md5( rand( 1, $i ) );
}
Browser()->memory( 'testing', true );
</code></pre>


WP Log in Browser

Allows you to log data from your PHP WordPress code to your browser's console.

Annoyed you can't var_dump from an AJAX handler? Not anymore …

Edi Amin

<p>WP Console brings the renowned PsySH directly to your browser. PsySH serves as a runtime developer console, an interactive debugger, and a PHP REPL (Read-Eval-Print Loop).</p>
<p>To utilize WP Console, simply write your code within the code editor, then press Cmd-Enter (mac) or Ctrl-Enter (win/linux) to instantly view the output in your browser.</p>
<p>Moreover, you have the option to employ PsySH alongside wp-cli by executing the command <code>wp shell</code>. Notably, wp-cli comes with inherent compatibility for psysh. All that is required is the activation of WP Console to leverage this feature.</p>
<h3>Features</h3>
<ul>
<li>Powerful code editor powered by Ace Editor.</li>
<li>Real-time autocompletion for PHP core and WordPress functions, complete with placeholders.</li>
<li>Introducing <code>_dump</code> as a more versatile alternative to <code>var_dump</code>, leveraging the capabilities of Symfony VarDumper.</li>
<li>Instant access to debug.log contents, with the added convenience of clearing them directly from your browser.</li>
<li>Enhanced shell experience courtesy of psySH, facilitating advanced interaction through <code>wp shell</code>.</li>
<li>Customizable code snippet functionality, compatible with VS Code supported code snippets. Explore examples like these <a href="https://github.com/claudiosanches/vscode-woocommerce/blob/master/snippets/functions.json" rel="nofollow ugc">WooCommerce snippets</a>.</li>
</ul>
<p>Please note that certain PsySH commands, such as <code>ls</code>, <code>doc</code>, <code>show</code>, and magic variables like <code>$_</code>, <code>$__class</code>, are not currently supported in the browser console.</p>
<p>👉 WP Console uses Gutenberg packages and components to ensure a seamless and user-friendly UI/UX.</p>
<h3>Getting Started</h3>
<p>To begin using the plugin, follow these steps:</p>
<ol>
<li>Activate the plugin within your WordPress setup.</li>
<li>Look for a quick link labeled “Console” in the WP Admin Bar on the right-hand side (see the second screenshot below).</li>
<li>Click on the “Console” link to access the WP Console panel.</li>
</ol>
<h3>Security Concern</h3>
<p>WP Console explicitly verifies the presence of the <code>manage_options</code> permission to render the user interface and execute various functions. However, it’s important to note that this plugin is not intended for use on a production server.</p>
<h3>Other Plugin</h3>
<p>Working with the block or the block editor? Checkout <a href="https://wordpress.org/plugins/css-class-manager/" rel="ugc">CSS Class Manager</a> – An advanced autocomplete additional css class control for your blocks.</p>


WP Console – WordPress PHP Console powered by PsySH

Excellent

php artisan tink... Wait, it's a WordPress project. :/

WP Console aka wp shell to the rescue!

Love it!

Brilliant


This plugin help me to test and validate function quickly.



Highly recommended for WP developers.


Must use for every developer


I can't imagine debugging without WP Console.


Top tier plugin

Excellent!!!


Thanks for this awesome plugin. this helps a lot in debugging.



Can not even think of any WP site without it.



Keep up the good work.


Can not think of any WP site without it


WP Console is an essential tool for quickly testing code and getting data about a site's posts, post meta, and taxonomies. Plus, the author's attention of bug-fixes is heroic.


An essential dev tool

An in-browser PHP console for WordPress powered by PsySH

WP Log in Browser vs WP Console – WordPress PHP Console powered by PsySH