利用瀏覽器的Javascript控制臺調(diào)試PHP程序

更新時間：2014年01月08日 15:33:08 作者：

現(xiàn)在，越來越多的瀏覽器都有了開發(fā)這工具或者Javascript控制臺，通過這些工具，我們可以很方便的顯示PHP代碼中的變量或數(shù)組值

PHP是一種服務器端腳本語言，用來開發(fā)動態(tài)web應用程序。與JAVA相比，沒有一個好的服務器端調(diào)試工具是其限制之一。通常我們都是在PHP代碼中添加echo、var_dump等語句，將變量、數(shù)組的值顯示在瀏覽器中來達到調(diào)試的目的。

現(xiàn)在，越來越多的瀏覽器都有了開發(fā)這工具或者Javascript控制臺，通過這些工具，我們可以很方便的顯示PHP代碼中的變量或數(shù)組值。下面我們來做一個例子。例子中的PHP代碼有四個跟蹤級別：info, warn, log, error，開發(fā)人員可以使用瀏覽器控制臺來顯示錯誤變量,數(shù)組值。

將下面代碼拷貝到PHP文件中，并保存為WebConsole.php

復制代碼代碼如下:

 
<?php 
class WebConsole { 

private static function write($data, $type = 'info') { 
$method_types = array('error', 'info', 'log', 'warn'); 
$msg_type = '';（PS：T不錯的PHP Q扣峮：304224365，驗證：csl） 
if(in_array($type, $method_types)) { 
$msg_type = sprintf("console.%s", $type); 
}else { 
$msg_type = sprintf("console.%s", 'info'); 
} 

if(is_array($data)) { 
echo("<script>$msg_type('".implode(', ', $data)."');</script>"); 
} else { 
echo("<script>$msg_type('".$data."');</script>"); 
} 
} 

public static function info($data) { 
self::write($data); 
} 

public static function error($data) { 
self::write($data, 'error'); 
} 

public static function log($data) { 
self::write($data, 'log'); 
} 

public static function warn($data) { 
self::write($data, 'warn'); 
} 

} 
?> 

現(xiàn)在，導入WebConsole類，并使用跟蹤功能。

復制代碼代碼如下:

 
<?php 
require_once('WebConsole.php'); 
$fruits = array('apple', 'mange', 'banana'); 
WebConsole::log($fruits); 
WebConsole::info($fruits); 
WebConsole::warn($fruits); 
WebConsole::error($fruits); 
?> 

現(xiàn)在打開你的瀏覽器控制臺，你會發(fā)現(xiàn)出現(xiàn)類似下面的屏幕截圖：