程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 通過chrome浏覽器控制台(Console)進行PHP Debug的方法,chromeconsole

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

編輯:關於PHP編程

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved