欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

通过chrome浏览器控制台(Console)进行PHP Debug的方法

程序员文章站 2024-03-02 16:39:04
 效果如下图 php console是一款可以帮助用户模拟真实的php网站运行环境,帮助用户使用chrome插件对php代码进行调试的chrome插件,用户...

 效果如下图

通过chrome浏览器控制台(Console)进行PHP Debug的方法

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的输出控制缓冲函数来将数据保存下来,最后一次全部输出。