效果如下圖

PHP Console是一款可以幫助用戶模擬真實(shí)的PHP網(wǎng)站運(yùn)行環(huán)境，幫助用戶使用Chrome插件對PHP代碼進(jìn)行調(diào)試的Chrome插件，用戶在Chrome中安裝了PHP Console插件以后，可以在自己的PHP項(xiàng)目中引用PHP Console項(xiàng)目代碼，并輸出調(diào)試信息，讓PHP Console插件進(jìn)行捕獲，這樣在網(wǎng)站發(fā)布成功以后，還可以使用PHP Console插件進(jìn)行輸出調(diào)試信息到Chrome瀏覽器中，用戶可以通過PHP Console插件來查看這些來自于PHP服務(wù)器發(fā)來的調(diào)試日志。

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

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

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

error_log(print_r($bar, true));

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

現(xiàn)在已經(jīng)有一些這樣的工具了，比如說 PHP-Console 或者Chrome Logger ，前者針對PHP，后者支持多種服務(wù)端語言，使用方式都是先安裝一個(gè)Chrome擴(kuò)展，然后提供服務(wù)端的庫供調(diào)用。實(shí)現(xiàn)方式大致是利用Session,Cookies等來傳遞數(shù)據(jù)。

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

<?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>");
	}
}

其實(shí)質(zhì)上就是在頁面里加入了一段javascript的腳本，利用 console.log() 函數(shù)輸出信息到控制臺，如上方法打印出來都是字符串形式，如果將單引號去掉，PHP的數(shù)組和對象將以JS對象的方式打印出來，即echo("<script>console.log(".json_encode($data).");</script>");，究竟使用哪一種看你喜歡的方式了。
如上就是最簡單的實(shí)現(xiàn)方式了，但這么做有一點(diǎn)不太好，就是輸出的很凌亂，如果你在不同的位置都調(diào)用了該函數(shù)，那么在頁面的各個(gè)位置都將插入一段<script>，雖說JS在頁面幾乎任何位置都可以，但我們可以有更好的辦法，將所有數(shù)據(jù)統(tǒng)一到一處輸出：

<?php
//注冊一個(gè)shutdown函數(shù)，如果不這么做的話記得在程序最后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的輸出控制緩沖函數(shù)來將數(shù)據(jù)保存下來，最后一次全部輸出。

最新評論