Як вивести на екран усі завантажені в шапці/підвалі JS та CSS-скрипти WordPress

Привіт:) Зазвичай у процесі доопрацювання теми або плагіну WordPress зручно виводити всі завантажені на сторінці JS- та CSS-скрипти. Покажу як це зробити.

У прикладі виведу всі ID JS-скриптів та CSS-стилів, викликаних у шапці та підвалі.

Для цього у файл functions.php додайте PHP-код

add_action( 'wp_head', function() {
    global $wp_scripts;
	global $wp_styles;

	echo '<pre>'; 
	print_r( $wp_scripts->done ); 
	echo '</pre>';

	echo '<pre>'; 
	print_r( $wp_styles->done ); 
	echo '</pre>';

}, 9999 );

add_action( 'wp_footer', function() {
    global $wp_scripts;
	global $wp_styles;

	echo '<pre>';
	print_r( $wp_scripts->done ); 
	echo '</pre>';

	echo '<pre>'; 
	print_r( $wp_styles->done ); 
	echo '</pre>';

}, 9999 );

У результаті в хедері або футері користувацької частини сайту виведеться вміст масиву ID скриптів/стилів:

Array
(
    [0] => wp-block-library
    [1] => ct-main-styles
    [2] => child-style
)