如何在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文件加入以下代码)

[XDebug]
zend_extension = "D:\phpStudy\php53n\ext\xdebug\php_xdebug.dll"
xdebug.remote_enable = on
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.remote_port = 9000  
D:\phpStudy\php53n\ext\xdebug\php_xdebug.dll这个路径仅供参考,具体按你本地存放的路径为主。在本地测试环境中新建个php文件,里面键入<?php  phpinfo();?>然后浏览器中查看该页面,如执行结果有类似红框处的代码则表示php xdebug扩展安装成功,否则自己再检查下以上哪一步出问题了。

4.为谷歌浏览器安装Xdebug helper 1.4.2扩展(去百度搜索下载并安装即可),安装结束后效果图如下:

安装浏览器插件 调试php
安装chrome插件.Xdebug helper 配置xdebug helper .打开chrome扩展选项.
如图配置:

保存,重启下chrome

5.在sublime text 快捷键ctrl+shift+p  打package control  输入install 回车确认。 如图:

6.sublime 打开一个.php文件.随便选择一行 按ctrl+ f8 设置一个断点,删除断点的快捷键也是ctrl+ f8 

打开chrome 输入localhost/php101/test.php 我的示例地址,如图:

点击chrome浏览器地址栏中的xdebug插件并选择第一项。

回到sublime的php代码界面按Ctrl+Shift+F9启动调试,回到chrome按F5刷新,然后到sublime界面会看到如下图调试代码

按ctrl+shif+F5执行到下个语句,ctrl+shif+F6执行到下个断点。

sublime退出xdebug按shift+alt+1

时间: 2024-08-04 06:11:01

如何在sublime+chrome中调试php代码?的相关文章

linux系统下如何在vscode中调试C++代码

本篇博客以一个简单的hello world程序,介绍在vscode中调试C++代码的配置过程. 1. 安装编译器 vscode是一个轻量的代码编辑器,并不具备代码编译功能,代码编译需要交给编译器完成.linux下最常用的编译器是gcc,通过如下命令安装: sudo apt-get install build-essential 安装成功之后,在终端中执行gcc --version或者g++ --version,可以看到编译器的版本信息,说明安装成功. 2. 安装必要的插件 在vscode中编写C

在Chrome 中调试Javascript

在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript. Chrome 是Google 提供的一款非常优秀的浏览器,内置了开发者工具,可以方便我们对JS代码进行调试.有了使用IE来调试Javascript的经验,在使用Chrome进行调试的时候会变得很方便. 使用Chrome打开我们要调试的页面,然后使用快捷键F12打开开发者工具,当然,你也可以在工具菜单中

Chrome 中调试Javascript

使用Chrome打开我们要调试的页面,然后使用快捷键F12打开开发者工具,当然,你也可以在工具菜单中找到.Chrome开发者工具如图: Elements选项卡是对界面上的元素进行选择的,我们要进行调试的代码在Sources 选项卡中. 打开Sources选项卡,点击左侧的小箭头打开所有资源,选择我们的页面: 我们要调试这个页面的代码,所以就打开这个页面,然后点击行号可以添加断点: 点击界面中的按钮,我们能够捕获到刚添加的断点: 添加监视的方法和在IE中的方法是一样的:选中变量,在变量上面单击,选

在 Chrome 中调试 Android 浏览器

最近需要使用 Chrome Developer Tools 调试 Android 浏览器,但是官方指南并不是很好使,经过一番折腾,终于调试成功了,在此把经验分享给需要的朋友. Chrome Developer Tools 是前端工程师必不可少的工具,它极大的提高了我们的开发调试效率.在移动开发的时代,我们也必须掌握手机浏览器在 Chrome 中调试的方法.本篇仅介绍 Android. 环境 不同的环境可能存在一些差异,我的环境是: Windows 10 电脑 Chrome 50.0.2661.7

248 闭包:概念,作用,案例,思考题案例,chrome 中调试闭包

5.1 变量的作用域复习 变量根据作用域的不同分为两种:全局变量和局部变量. 函数内部可以使用全局变量. 函数外部不可以使用局部变量. 当函数执行完毕,本作用域内的局部变量会销毁. 5.2 什么是闭包 闭包(closure):指有权访问另一个函数作用域中的变量的函数. 简单理解就是 ,一个作用域可以访问另外一个函数内部的局部变量. [被访问的局部变量所在的函数,就是闭包函数] <!DOCTYPE html> <html lang="en"> <head&g

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 Text中添加代码片段

我们在编写代码的时候,总会遇到一些需要反复使用的代码片段.这时候就需要反复的复制和黏贴,大大影响效率.我们利用Sublime Text的snippet(代码片段)功能,就能很好的解决这一问题.通俗的讲,就是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用. 创建方法:Tools (工具)> New Snippet(新片段) 此时,会出现如下代码: <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:sn

chrome浏览器调试JS代码

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

在桌面chrome中调试android设备中的web页面

准备工作 1, 桌面版chrome 2, Android设备(安装有chrome浏览器) 3, Android-sdk Android-sdk安装及设置 SKD安装 从http://developer.android.com/sdk/index.html下载android-sdk开发包,安装后,执行SDK Manager.exe,安装android SDK Platform-tools工具包. 环境变量配置: 在环境变量添加path,并添加路径<sdk>/platform-tools; 添加后