sublime3 + chrome + xdebug调试php代码

由于phpstrom太吃内存,加上公司机器太过古董,所以放弃了phpstromIDE,转而使用sublime3这个轻量级的编辑器。轻量的结构加上优美的插件包管理package controll造就了轻量且优美的sublime3IDE;当然sublime的调试功能还是没有phpstrom和zend studio强大,但是对我来说,已经够用了。由于网上资料大都不齐全,集成这个调试环境,花费了我大量时间,不过结果是好的,终于可以用了。开心。下面就说说主要的集成流程:

1.开启php的xdebug扩展,编辑php.ini:

zend_extension = "D:\xampphp\xamphp\php\ext\php_xdebug.dll" #你的xdebug扩展路径
xdebug.remote_enable = on
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1" #主机地址
xdebug.remote_port = 10000 #默认填写9000,如果端口冲突,请填写9000之外的端口,比如10000

2.安装sublime的xdebug client插件

1)ctrl + shift + p 或者 prefenrences-->package control 打开插件管理控制台

2)输入install package,回车,再输入xdebug client,回车

3.安装chrome插件:Xdebug helper(不会装请百度)。点击chrome浏览器右上角的,甲壳虫配置IDE key为Other:sublime.debug。配置在localhost或者指定域名下显示xdebug插件(chrome右上角的甲壳虫)

4.在sublime中选择Tools-----xdebug-----settting User

5.选择project-----save project as-----保存为一个文件。保存后,打开文件看到:(如果和下面的不一样也不要紧,因为folder是xdebug断点调试时自动生成的。第一次配置xdebug是没有folder的)

{
  "folders":
  [
    {
      "path": "D:\\project"
    }
  ],
  "settings":
  {
    "xdebug":
    {
      "close_on_stop": true,
      "path_mapping":{
      },
      "port": 10000,
      "super_globals": true,
      "url": ""
    }
  }
}

你要做的是要修改的是port(如果端口冲突)

6.重启sublime,重启nginx或Apache,重启chrome浏览器。

7.打开localhost下的(因为刚才在chrome插件里配置过localhost)的任何一个php文件,并把右上角的甲壳虫点绿开启调试。

右键xdebug-----add/remove breakpoint。(添加断点)

选择tools-----xdebug------start debugging

在chrome输入这个php地址,断点调试开始。

你可以看到sublime在断点处停了下来,还可以显示出当前的所有变量,常量等。

右键xdebug-----add/remove breakpoint。(添加断点)

选择tools-----xdebug------start debugging

在chrome输入这个php地址,断点调试开始。你可以看到sublime在断点处停了下来,还可以显示出当前的所有变量,常量等。

常用快捷键tip:
Shift+f8: 打开调试面板

f8:打开调试面板快速连接

Ctrl+f8: 切换断点

Ctrl+Shift+f5: 运行到下一个断点

Ctrl+Shift+f6: 单步

Ctrl+Shift+f7: 步入

Ctrl+Shift+f8: 步出

时间: 2024-10-12 03:48:33

sublime3 + chrome + xdebug调试php代码的相关文章

Xampp+Chrome+Sublime Text3+Xdebug调试PHP代码

===========xampp安装与xdebug配置 1. 下载安装xampp5.5或最新版本 2.  修改%xampp%/php/php.ini中的[XDebug]节点,取消注释(移出行首的 ; 字符) 3. 点击xampp control中的 admin,查看phpinfo如下 ===========chrome的xdebug扩展安装 1. 安装最新的chrome 2. 安装xdebug扩展插件 https://chrome.google.com/webstore/detail/xdebu

如何在sublime+chrome中调试php代码?

1.搭建php本地运行环境具体点击如何使用phpstudy本地搭建多站点(每个站点对应不同的端口) 2.下载php_xdebug.dll, [5.3版以上的php下载地址]http://pecl.php.net/package/xdebug [5.3版及其以下的php下载地址]http://pecl.php.net/package/xdebug/2.2.7/windows 注意版本要对应,不然可能会不能用.   3.安装php xdebug扩展(即在配置php.ini文件加入以下代码) [XDe

chrome浏览器调试JS代码

是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript 断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的各

PHPStorm 配置XDebug 调试PHP代码 详细教程

[PHP配置] 为PHP安装xdebug,方法略. 配置文件php.ini [XDebug] zend_extension = "C:\xampp\php\ext\php_xdebug.dll" ;开启自动跟踪 xdebug.auto_trace = On ;开启异常跟踪 xdebug.show_exception_trace = On ;开启远程调试自动启动 xdebug.remote_autostart = On ;开启远程调试 xdebug.remote_enable = 1 ;

如何利用好chrome控制台这个神器好好调试javascript代码

上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1.先说一下源码定位 大家打开测试网页   看到页面右下方有一个推荐的图标吗?右击推荐图标,选择审查元素,打开谷歌控制台,如下图所示 我们现在想知道votePost方法到底在哪?跟着我这样做,在Console面板里面输入votePost然后回车 直接点击上图标红的链接,控制台将定位到Sources面板

xdebug调试代码常用操作

xdebug调试代码常用操作 1.查看变量中的值 2.常用快捷键 ①F8单步调试 ②F9可以直接快速结束调试 ③F7 可以进入调试代码的底层方法,我觉得查看底层代码时,这个特别的方便! 原文地址:https://www.cnblogs.com/honeyJYY/p/9310258.html

mac下的phpstorm增加xdebug调试

一.版本信息 mac 10.10.5 php  5.5.38 phpstorm 10.0.3 xdebug   版本需要与php匹配,匹配地址 :点我匹配  点我查看所有版本 提示:不确定xdebug版本的,把phpinfo()显示的全部复制(command+a 全选再command+c复制)到文本框中,xdebug会自动跳转到下载配置页面,按页面提示流程安装即可. 二.安装xdebug 1.点击匹配地址,把复制的phpinfo信息粘贴到文本框. 2.按照页面的安装流程安装xdebug. 3.配

Tomcat使用MyEclipse远程调试Java代码配置详解

Tomcat使用MyEclipse远程调试Java代码总结如下:在做远程调试时,在windows系统和非windows系统下的配置,Tomcat中会有所差别,具体如下: 第一步.配置tomcat一.在windows系统中:打开%CATALINE_HOME%/bin下的文件catalina.bat,加入下面这行:set CATALINA_OPTS=-server -Xdebug -Xnoagent -Djava.compiler=NONE -Xrunjdwp:transport=dt_socket

移动端Web开发调试之Chrome远程调试(Remote Debugging)

本篇主要说一下Chrome RemoteDebugging 的方法,之前也遇到一些坑,自己总结了一些经验,分享如下. Chrome DevTools调试移动设备Brower Page Tabs/WebViews 安卓远程调试目前支持所有操作系统(Windows,Mac, Linux, and Chrome OS.)中调试,支持: ● 调试站点的页面 ● 调试安卓原生App中的WebView ● 实时将安卓设备的屏幕图像同步显示到开发机器. ● 通过端口转发(port forwarding)与虚拟