Jesper van Engelen

The Sidebars & Widgets extension for the Debug Bar shows you all you need to know about the sidebars and widgets on the current page. It shows the sidebars displayed and the widgets displayed in them, and tells you whether all widgets in the sidebar were actually displayed.
This plugin allows you to analyze the behaviour of your WordPress sidebars and wigets, and is aimed at WordPress developers.
<blockquote>
This plugin is an extension to the <a href="https://wordpress.org/plugins/debug-bar/" rel="ugc">Debug Bar plugin</a>, which is required for this plugin to work.
</blockquote>
This plugin integrates nicely with <a href="https://wordpress.org/plugins/content-aware-sidebars/" rel="ugc">Content Aware Sidebars</a>, telling you what sidebars were replaced and merged. It is an essential plugin if you use Content Aware Sidebars with a big number of sidebars.

Debug Bar – Sidebars & Widgets

Debug Bar extension that adds information about the sidebars and widgets on the current page. Integrates with Content Aware Sidebars plugin.

Per Søderlind

Juliette Reinders Folmer

We all know that when we’re add a script or style to WordPress, we should use <code>wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer )</code> and <code>wp_enqueue_style( $handle, $src, $deps, $ver, $media )</code> as in:
<pre><code>function themeslug_enqueue_style() {
 wp_enqueue_style( 'core', 'style.css', array('twentytwelve-style') );
}

function themeslug_enqueue_script() {
 wp_enqueue_script( 'my-js', 'filename.js', array('jquery') );
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' )
</code></pre>
$deps (dependencies), the handle name and an optional parameter, lets you control when/where your script or style should be added. If $deps is <code>array('jquery')</code>, your script will be loaded after jquery is loaded.
The problem is, which one exists and in which order are they loaded ?
Debug Bar List Script & Style Dependencies, an add-on to <a href="https://wordpress.org/plugins/debug-bar/" rel="ugc">Debug Bar</a>, will list the dependencies.
<h4>Use</h4>
To view the loaded scripts and styles
<ul>
<li>Front-end: Go to the front-end, and on the admin bar choose Debug and view Script & Style Dependencies</li>
<li>Back-end: Go to the back-end, on the admin bar choose Debug and view Script & Style Dependencies</li>
</ul>
Note, the front-end and back-end loads different scripts and styles. Also, different pages on the front-end and back-end can load different scripts and styles.

Debug Bar List Script & Style Dependencies

Style very useful (even if it has not been updated since two years) ! Thanks !



useful !

Debug Bar List Script & Style Dependencies is an add-on to WordPress Debug Bar

Debug Bar – Sidebars & Widgets vs Debug Bar List Script & Style Dependencies