利用瀏覽器控制台(Console)進行PHP Debug

當我們的PHP程序Debug時，比較常用的方式是將變量的信息打印到瀏覽器中，例如這樣：

    <?php  
    echo '<pre>';  
    print_r($bar);  
    echo '</pre>';  
    exit;  

可是直接打印出來有可能會干擾你的頁面，打亂布局，影響作為Api返回的數據等問題。這時我們可以采取將調試信息輸出到文件的方式，如下是最簡單的例子：

error_log(print_r($bar, true));

可是這種方式用來記錄日志還合適，用到調試時終究還是不太方便。此時我們可以利用現代瀏覽器的控制台，比如Chrome Console(Win快捷鍵 Ctrl+Shift+J)，將內容輸出到Console里，就可以解決這個問題了。

現在已經有一些這樣的工具了，比如說 PHP-Console 或者Chrome Logger ，前者針對PHP，后者支持多種服務端語言，使用方式都是先安裝一個Chrome擴展，然后提供服務端的庫供調用。實現方式大致是利用Session,Cookies等來傳遞數據。

如上是比較完善的解決方式，都提供了豐富的功能。但如果只是想要一個簡單的，可用的，不用安裝擴展程序的方式來解決這個問題，那么可以這么來做：

    <?php  
    function console_log($data)  
    {  
        if (is_array($data) || is_object($data))  
        {  
            echo("<script>console.log('".json_encode($data)."');</script>");  
        }  
        else  
        {  
            echo("<script>console.log('".$data."');</script>");  
        }  
    }  

其實質上就是在頁面里加入了一段javascript的腳本，利用 console.log();函數輸出信息到控制台，如上方法打印出來都是字符串形式，如果將單引號去掉，PHP的數組和對象將以JS對象的方式打印出來，即

echo("<script>console.log(".json_encode($data).");</script>");

究竟使用哪一種看你喜歡的方式了。

如上就是最簡單的實現方式了，但這么做有一點不太好，就是輸出的很凌亂，如果你在不同的位置都調用了該函數，那么在頁面的各個位置都將插入一段<script>，雖說JS在頁面幾乎任何位置都可以，但我們可以有更好的辦法，將所有數據統一到一處輸出：

    <?php  
    //注冊一個shutdown函數，如果不這么做的話記得在程序最后echo Console_log::fetch_output();  
    register_shutdown_function('my_shutdown');  
      
    function my_shutdown()  
    {  
        echo Console_log::fetch_output();  
    }  
      
    class Console_log {  
        private static $output = '';  
        static function log($data)  
        {  
            if (is_array($data) || is_object($data))  
            {  
                $data = json_encode($data);  
            }  
            ob_start();  
            ?>  
            <?php if (self::$output === ''):?>  
            <script>  
            <?php endif;?>  
            console.log('<?=$data;?>');  
            <?php  
            self::$output .= ob_get_contents();  
            ob_end_clean();  
        }  
        static function fetch_output()  
        {  
            if (self::$output !== '')  
            {  
                self::$output .= '</script>';  
            }  
            return self::$output;  
        }  
    }  

注意如果使用<?=來代替<?php echo ，需要在php.ini中開啟Short_open_tag=On。這段代碼就是利用php的輸出控制緩沖函數來將數據保存下來，最后一次全部輸出。

技術來源：sKy_zHe

文章地址：http://blog.csdn.net/sky_zhe/article/details/21803555