通過chrome浏覽器控制台(Console)進行PHP Debug的方法，chromeconsole

通過chrome浏覽器控制台(Console)進行PHP Debug的方法，chromeconsole

 效果如下圖

PHP Console是一款可以幫助用戶模擬真實的PHP網站運行環境，幫助用戶使用Chrome插件對PHP代碼進行調試的Chrome插件，用戶在Chrome中安裝了PHP Console插件以後，可以在自己的PHP項目中引用PHP Console項目代碼，並輸出調試信息，讓PHP Console插件進行捕獲，這樣在網站發布成功以後，還可以使用PHP Console插件進行輸出調試信息到Chrome浏覽器中，用戶可以通過PHP Console插件來查看這些來自於PHP服務器發來的調試日志。

當我們的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的輸出控制緩沖函數來將數據保存下來，最後一次全部輸出。