WordPress: отладка php кода в консоль браузера, через JS

Допустим у нас есть какой-то набор данных на бэкенде который мы хотим отдэбажить по средствам вывода на фронт. Можно просто использовать старый как мир var_dump. Но мы попробуем сделать что-то интереснее и в некоторых случаях это будет даже удобнее. Выведем наши данные (пусть это будет массив) в консоль браузера через console.log.

Будем использовать всего два хука add_action(‘wp’) и add_action(‘shutdown’).

Хук shutdown

Данный хук срабатывает в момент завершения php своего скрипта либо же после срабатывания exit

Хук wp

Срабатывает когда был установлен uлобальный объект wp

Пример кода для отладки через Javascript

function my_console_log( $data ) {
	$json = json_encode( $data );

	add_action( 'shutdown', function () use ( $json ) {
		echo "<script>console.log($json)</script>";
	} );
}

add_action( 'wp', function () {
	my_console_log( [
		'foo' => 'some data',
		'2'   => 3,
	] );
} );