$variable = "Variable";
echo "<script>console.log('$variable');</script>";

PHP和JavaScript交互。

这两个都有效:

<?php
    $five = 5;
    $six = 6;
?>
<script>
    console.log(<?php echo $five + $six ?>);
</script>


<?php
    $five = 5;
    $six = 6;
    echo("<script>console.log($five + $six);</script>");
?>

还有一个伟大的谷歌Chrome扩展，PHP控制台，有一个PHP库，可以让你:

在Chrome JavaScript控制台和弹出的通知中看到错误和异常。 转储任何类型的变量。 远程执行PHP代码。 使用密码保护访问。 根据请求对控制台日志进行分组。 跳转到文本编辑器中的错误文件:行。 将错误/调试数据复制到剪贴板(用于测试人员)。

截至2017年，Firebug和FirePHP已被禁用。

我对ChromePHP工具进行了一些小修改，以允许从FirePHP无缝迁移到Firebug，以便通过控制台进行调试。

这篇文章用简单明了的步骤解释

5分钟内从FirePHP迁移到ChromePHP(不破坏现有代码)

试试下面的方法。它正在工作:

echo("<script>console.log('PHP: " . $data . "');</script>");

我正在寻找一种方法来调试我正在开发的WordPress插件中的代码，然后看到了这篇文章。

我从其他回复中选取了最适合我的代码，并将它们组合成一个函数，我可以用它来调试WordPress。函数为:

function debug_log($object=null, $label=null, $priority=1) {
    $priority = $priority<1? 1: $priority;
    $message = json_encode($object, JSON_PRETTY_PRINT);
    $label = "Debug" . ($label ? " ($label): " : ': ');
    echo "<script>console.log('" . str_repeat("-", $priority-1) . $label . "', " . $message . ");</script>";
}

用法如下:

$txt = 'This is a test string';
$sample_array = array('cat', 'dog', 'pig', 'ant', 'fly');
debug_log($txt, '', 7);
debug_log($sample_array);

如果这个函数用于WordPress开发，那么这个函数应该放在子主题的functions.php文件中，然后可以在代码的任何地方调用。