sapayth

<p>Script Report is a minimal and focused debugging tool for WordPress developers. It helps you audit and visualize JavaScript and CSS dependencies on any admin or frontend page.</p>
<p>When something loads out of order, loads twice, or slows down a page, Script Report helps you see exactly what is happening.</p>
<p>Use the Script Report link in the admin navbar on any page to open a complete breakdown of scripts and styles, their load order, dependencies, and origin.</p>
<h3>Why Use Script Report?</h3>
<p>Developers often ask:</p>
<p>Why is this script loading here<br />
Who enqueued this style<br />
Why is my dependency not working<br />
Is something loading twice<br />
What is affecting performance on this page</p>
<p>Script Report gives you clear answers instantly.</p>
<h3>What You Can Inspect</h3>
<h4>JavaScript</h4>
<p>View a complete breakdown of:</p>
<ul>
<li>Registered scripts</li>
<li>Enqueued scripts</li>
<li>Total required scripts</li>
<li>Load order</li>
<li>File size</li>
<li>Footer or header loading</li>
<li>Inline scripts</li>
<li>Enqueued by source</li>
<li>Required by dependencies</li>
</ul>
<h4>CSS</h4>
<p>Inspect styles with the same detailed structure:</p>
<ul>
<li>Registered styles</li>
<li>Enqueued styles</li>
<li>Total required styles</li>
<li>Load order</li>
<li>File size</li>
<li>Dependency relationships</li>
<li>Enqueued by source</li>
<li>Required by dependencies</li>
</ul>
<h4>Script Modules WordPress 6.5+</h4>
<p>Audit registered and enqueued script modules along with their dependency chains.</p>
<h3>Views</h3>
<p>Switch between two views:</p>
<p>List view<br />
Clean, structured overview of all scripts and styles.</p>
<p>Tree view<br />
Visual representation of dependency chains. Circular or missing dependencies are clearly flagged.</p>
<h3>Filtering</h3>
<p>Quickly filter by handle or source to narrow down large lists. Filtering works client side for fast inspection.</p>


Script Report

Debug and audit JavaScript and CSS loading in WordPress. Analyze dependencies, detect issues, and improve performance on any page.

Greg Winiarski

<p>BlackBox is symfony like unobstrusive debug bar attached to the top of the browser window.</p>
<p>How can it help you with development:<br />
1. instantly inspect global variables (GET, POST, COOKIE, SERVER)<br />
2. debug both frontend and admin area<br />
3. executed MySQL queries and time it took to execute each query (useful for finding slow queries)<br />
4. profiler for measuring performance of your plugins and themes<br />
5. errors occurred when loading WordPress page</p>


BlackBox Debug Bar

Immediate feedback on a great majority of errors. Added a conditional red background to the Errors, and with this modification I have never miss even a notice anymore.

Thank you very much!

Essential plugin in my developer toolset

BlackBox is a plugin for plugin and theme developers. It collects and displays useful debug information (errors, executed queries, globals, profiler).

Script Report vs BlackBox Debug Bar