How can I get a list of all enqueued scripts and styles?
I'm creating a plugin and I want to get the list of all scripts and CSS used by other plugins.
This is my function:
function crunchify_print_scripts_styles() {
$result = [];
$result['scripts'] = [];
$result['styles'] = [];
// Print all loaded Scripts
global $wp_scripts;
foreach( $wp_scripts->queue as $script ) :
$result['scripts'][] = $wp_scripts->registered[$script]->src . ";";
endforeach;
// Print all loaded Styles (CSS)
global $wp_styles;
foreach( $wp_styles->queue as $style ) :
$result['styles'][] = $wp_styles->registered[$style]->src . ";";
endforeach;
return $result;
}
add_action( 'wp_enqueue_scripts', 'crunchify_print_scripts_styles');
I want to get the returned value inside a variable.
I tried this:
$toto = do_action( 'crunchify_print_scripts_styles' );
var_dump( $toto );
And this is my result:
NULL
If I write echo
inside every foreach
loop, I get the correct results, but how to store these values inside a variable?
[edit]
My code inside a pluginm which is not working too
/**
* Get all scripts and styles from Wordpress
*/
function print_scripts_styles() {
$result = [];
$result['scripts'] = [];
$result['styles'] = [];
// Print all loaded Scripts
global $wp_scripts;
foreach( $wp_scripts->queue as $script ) :
$result['scripts'][] = $wp_scripts->registered[$script]->src . ";";
endforeach;
// Print all loaded Styles (CSS)
global $wp_styles;
foreach( $wp_styles->queue as $style ) :
$result['styles'][] = $wp_styles->registered[$style]->src . ";";
endforeach;
return $result;
}
add_action( 'wp_head', 'wp_rest_assets_init');
/**
* Init JSON REST API Assets routes.
*
* @since 1.0.0
*/
function wp_rest_assets_init() {
$all_the_scripts_and_styles = print_scripts_styles();
if ( ! defined( 'JSON_API_VERSION' ) &&
! in_array( 'json-rest-api/plugin.php', get_option( 'active_plugins' ) ) ) {
$class = new WP_REST_Assets();
$class::$scriptsAndStyles = $all_the_scripts_and_styles;
add_filter( 'rest_api_init', array( $class, 'register_routes' ) );
} else {
$class = new WP_JSON_Menus();
add_filter( 'json_endpoints', array( $class, 'register_routes' ) );
}
}
add_action( 'init', 'wp_rest_assets_init' );
Answers 5
do_action
doesn't quite work like that. When you calldo_action('crunchify_print_scripts_styles')
WP looks at its list of registered actions and filters for any that are attached to a hook calledcrunchify_print_scripts_styles
and then runs those functions.And you probably want to remove this:
... because you aren't able to get the return result of your function.
Also when you use this particular hook you can't guarantee that other functions don't enqueue more scripts or styles after you've generated your list. Use a hook that fires after all scripts and styles have been enqueued, such as wp_head, for convenience, or better still just call your function within your theme when you want to display the result.
Reworking your code like this should work...
Then within your theme:
... will show you the results for debugging, or of course...
... will give you the list to manipulate.
Calling it in the theme makes sure you call it after all scripts and styles are enqueued.
To call it from your plugin, attach it to any hook that runs later than wp_enqueue_scripts, like wp_head as I mentioned above:
You could use
wp_print_scripts
andwp_print_styles
actions to timely and properly access to enqueued scripts and styles, as these actions are the last events before scripts and styles are included in the document and, because of that, the last event where modifications on$wp_styles
or$wp_scripts
could have effect on styles and scripts included in the document.So, they are the events where you can be more confident that
$wp_styles
and$wp_scripts
contain the scripts and styles effectively included in the document.If you declare
$enqueued_scripts
adn$enqueued_styles
as global variables (or any other valid scope, for example you could store it in a method's property), you could access to the list of script and styles in a later action.For example (just a quick example):
my solution for this is :
Functions I used
I've start whit two functions from user cybmeta : just add a handle to result.
in header file call after wp_head() befor colosing head tag :
in admin side in the file template where you wanna display :
get the data from option field in db
call it for displaying
the result
If you truly want to get a list of all styles, you can use the new 'script_loader_tag' filter (Since Version 4.1).
The "wp_print_scripts" is:
i.e it doesn't show scripts in the footer.
References:
Add Defer & Async Attributes to WordPress Scripts
wp_print_scripts
to get registered scripts you need function wp_scripts() and to get all enqueued styles you can use the function wp_styles(). Adding proper priority is also an important aspect to make sure to list the scripts after all of them were registered
something like this: