如果你正在寻找一个简单的方法，echo as JSON:

<script>
    console.log(<?= json_encode($foo); ?>);
</script>

对于Ajax调用或XML / JSON响应，您不想干扰主体，您需要通过HTTP报头发送日志，然后使用web扩展将它们添加到控制台。这就是FirePHP(不再可用)和QuantumPHP (ChromePHP的一个分支)在Firefox中的做法。

如果您有耐心，x-debug是一个更好的选择—您可以更深入地了解PHP，能够暂停脚本，查看正在发生的事情，然后恢复脚本。

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

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

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

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

默认情况下，所有输出都输出到stdout，即HTTP响应或控制台，这取决于脚本是由Apache运行还是在命令行上手动运行。但是您可以使用error_log进行日志记录，并且可以使用fwrite写入各种I/O流。

我认为它可以被用来

function jsLogs($data, $isExit) {
    $html = "";
    $coll;

    if (is_array($data) || is_object($data)) {
        $coll = json_encode($data);
    } else {
        $coll = $data;
    }

    $html = "<script id='jsLogs'>console.log('PHP: ${coll}');</script>";

    echo($html);

    if ($isExit) exit();
}

# For String
jsLogs("Testing string"); #PHP: Testing string

# For Array
jsLogs(array("test1", "test2")); # PHP: ["test1","test2"]

# For Object
jsLogs(array("test1"=>array("subtest1", "subtest2"))); #PHP: {"test1":["subtest1","subtest2"]}

我发现这很有帮助:

function console($data, $priority, $debug)
{
    if ($priority <= $debug)
    {
        $output = '<script>console.log("' . str_repeat(" ", $priority-1) . (is_array($data) ? implode(",", $data) : $data) . '");</script>';

        echo $output;
    }
}

像这样使用它:

<?php
    $debug = 5; // All lower and equal priority logs will be displayed
    console('Important', 1 , $debug);
    console('Less Important', 2 , $debug);
    console('Even Less Important', 5 , $debug);
    console('Again Important', 1 , $debug);
?>

在控制台输出:

重要的 不那么重要 更不重要 同样重要的

您可以通过使用$debug值限制不太重要的日志来关闭它们。