Visual debugging tools for block development.

Joe Fusco

Jason Bahl

WPGraphQL IDE

CodingBunny

CodingBunny CSS Inspector

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

aduth

G Debugger integrates with the Gutenberg block editor to add useful visual debugging tools to assist in block development.
In this early release, current features include:
<ul>
<li>“Attribute Inspector” shows a detailed breakdown of a block’s current attribute values.</li>
</ul>
Have a suggestion for a new feature? <a href="/issues/new?labels=Feature%20Request" rel="nofollow ugc">Submit your request</a> at the project’s GitHub repository. The GitHub repository serves as the primary location for development should you need reference to original source code material, or in case you’d like to contribute to the plugin via pull request.

G Debugger

Just tested this out and it's great! Thank you for making G Debugger 😄

Alternatives to G Debugger

Top alternatives