WordPressでPHPを編集しているとき、変数の内容を確認したくなります。そんな時、echoを使えばブラウザに表示することができますが、デバッグのコンソールに出力できないか調べてみました。
簡単なのは、scriptタグで囲って、console.logで出力することです。
<?php
$str = '文字列';
?>
<script>
console.log('<?php echo $str; ?>');
</script>
次にPHP内でJavascriptを記載して呼び出す方法です。
<?php
$str = '文字列';
echo <<<EOM
<script>
console.log('$str')
</script>
EOM;
?>
これをファンクションすると下記の通り。
fancshons.phpに記載して使用しました。
function console_log($str){
echo <<<EOM
<script>
console.log('$str')
</script>
EOM;
}