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

通过chrome浏览器控制台(Console)进行PHP Debug的方法，可以帮助开发者在开发过程中快速定位问题，提高开发效率。下面是详细的攻略：

步骤一、启用php-xdebug扩展

首先，需要在PHP配置文件中启用php-xdebug扩展，在 xdebug.remote_enable 设为 1，xdebug.remote_host 设为本机IP。

步骤二、安装Xdebug Helper Chrome扩展

安装Xdebug Helper Chrome扩展，并在扩展的设置界面中，将 IDE Key 设为字符串 PHPSTORM。

步骤三、配置phpStorm

在phpStorm的设置页面，到 PHP | Servers ，添加服务器，将IP和端口号与php.ini中的配置匹配，设置启用xdebug并设置ide key。

步骤四、在代码中打断点

在代码中打好断点后，通过Chrome浏览器访问代码页面，在启用Xdebug的情况下，Xdebug会在浏览器和phpStorm之间建立连接。

步骤五、进入Chrome控制台

打开Chrome控制台，切换到“Sources”选项卡，找到需要调试的PHP文件并打开，在行号上单击鼠标左键，即可打上断点。

步骤六、进行调试

刷新页面时，Xdebug会在phpStorm中停止在断点位置，此时可以在phpStorm中进行调试，查看变量值、执行下一步、进入函数等操作。

示例一

例如，我们要调试index.php中的代码：

<?php
$a = 1;
$b = 2;
$c = $a + $b;
echo $c;
?>

可以在第三行 $c = $a + $b; 打上断点，然后在Chrome浏览器中访问该页面，即可在phpStorm中开始调试。在phpStorm中，可以选择执行下一步或进入函数等操作，查看变量值变化情况。

示例二

再例如，我们要调试一个函数，代码如下：

<?php
function test($a, $b) {
  $c = $a + $b;
  return $c;
}
echo test(1, 2);
?>

可以在第二行 $c = $a + $b; 或第三行 return $c; 处打上断点，在Chrome浏览器中访问该页面，即可在phpStorm中开始调试。在phpStorm中，可以选择执行下一步或进入函数等操作，查看变量值变化情况。

需要注意的是，在调试结束后，一定要记得将php-xdebug扩展在PHP配置文件中关闭，避免开启调试模式对生产环境造成影响。