Chrome.php 调试php

之前一直用firephp来调试php,主要受限Firefox启动太慢,研究了下chromephp;

写了个简单的判断模版:

<?php
/**
 * @Author: Klaus
 * @Date:   2016-01-16 10:23:44
 * @Last Modified by:   Administrator
 * @Last Modified time: 2016-01-26 16:51:53
 */

// 判断当前浏览器
if (strpos($_SERVER["HTTP_USER_AGENT"], ‘MSIE8.0‘)) {
    $browser = ‘IE8‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘MSIE7.0‘)) {
    $browser = ‘IE7‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘MSIE6.0‘)) {
    $browser = ‘IE6‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘Firefox / 3‘)) {
    $browser = ‘Firefox‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘Firefox / 2‘)) {
    $browser = ‘Firefox‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘Chrome‘)) {
    $browser = ‘Chrome‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘Safari‘)) {
    $browser = ‘Safari‘;
} else if (strpos($_SERVER["HTTP_USER_AGENT"], ‘Opera‘)) {
    $browser = ‘Opera‘;
} else {
    $browser = $_SERVER["HTTP_USER_AGENT"];
}

if ($browser == ‘Chrome‘) {
    require ‘ChromePhp.php‘;
    function fb($a, $b = ‘‘)
    {
        if ($b) {
            return ChromePhp::log($a . ":", $b);
        } else {
            $name = ‘$‘ . array_search($a, $GLOBALS, true); //获取变量名字
            // var_dump($name);
            return ChromePhp::log($name . ":", $a);
        }
    }
    $aaa = "ChromePhp.php开启了!";
    fb(‘$aaa‘, $aaa);
    fb($aaa);
} else {
    require ‘FirePHPCore/fb.php‘;
    $a = "firephp开启了!";
    fb($a, "php调试");
}

其中自动判断浏览器,网上找的哈!

后续主要优化多个输出,导致不知道是那个变量,所以做了个获取变量名字的,网上有个function,但是我觉得变量名字重复的可能性不大,所以就简化了些;

测试效果如下:

Chrome:

Firefox:

其中插件方面 Chrome  :Chrome Logger 用的时候需要点击下插件按钮开启,这个没有firephp方便;

Chromephp下载:https://github.com/ccampbell/chromephp

希望大家多多提提意见哈!

时间: 2024-10-29 19:10:55

Chrome.php 调试php的相关文章

通过chrome浏览器调试手机页面(IOS和Android)

开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素.其实可以通过将设备连接到PC,使用PC的开发者工具检测 一.针对android设备 1.在android设备上开始开发者模式 2.将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices 3.在手机上打开网页的时候,chrome就会检测到网页,可以直接调试 二.针对IOS

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

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

在 Chrome 中调试 Android 浏览器

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

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

一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了.以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些繁琐的事情就特别让人厌烦了.移动互联网的浪潮,

Node.js在Chrome进行调试

在开发node.js环境时候,调试是一件很疼苦的事情,不过随着时代不断发展,先如今已经有很多种node环境代码调试方式,今天我就笔记一下我使用的方式 node-inspector: node-inspector通过Web网页与用户进行交互,一个基于WebKit内核的浏览器,如Chrome, Safari,或者 Maxthon(遨游浏览器).QQ浏览器.搜狗浏览器等 想要调试首先安装node-inspector:         1. npm install -g node-inspector  

FireFox VS Chrome 之 调试篇

一个完美的调试工具,FireBug! 精确跟踪每一步.只要按下图所示,选择"脚本",然后在下方选择脚本所在的文件即可对该文本的执行进行断点跟踪. 并且仅当一个线程运行结束后,才会去执行另外的线程的执行过程,这跟大多数多线程调试工具是一致的. Chrome 内置的调试功能,在某些情况下,并不能很好的把断点和实际断点代码对应起来,这种情况发生在 WebStore  中传入的断点的情况. 所以还是直接在 Chrome 中找到对应的文件,再次添加断点比较准确. 之所以想要使用 WebStore

如何通过Chrome远程调试android设备上的Web网站

网上的帖子很多,但很多都是老版本的,试过了,根本不管用,花了一天时间,终于在本机试验通过了,特记录下来,以备用.有需要的朋友也可以参考.先上一张图,看看PC端chrome上调试的效果: 左边是手机的模拟操作器,右边是大家熟悉的开发人员工具,也可以在手机上操作,PC端左边屏幕会同步到手机上的界面. 下面再说一下环境配置: 1.手机端,我手机是华为荣耀4,android4.4.4,很旧的手机了,大家别笑话,但不影响本次试验.安装chrome版本为58.0.3029.83: 2.PC端,win7 64

使用 桌面的 chrome 远程调试 Android 的页面

手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦.使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面. 准备 手机端:chrome for Android, 安装谷歌浏览器 桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑,并开启调试模式. 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build

chrome浏览器调试功能之后端篇

作为后端开发人员,可能有很多同学不怎么了解chrome调试功能,而即将成为大神的我们,怎么也得会,知其然更要知其所以然,今天我带领大家好好的梳理一下,chrome浏览器调试,个人把它分成了前端功能和后端功能,在百度上也有很多关于该功能的使用说明,而其中很多都是抄来抄去的,很多概念模糊不清,甚至错误的也发了出来,鄙人实在看不下去了,就来给大家讲解我们PHP工程师需要用到的功能,重点在后面的TimeLine; 好了,闲话少说,首先打开chrome浏览器,按F12键进入调试模式,选择NetWork,打

在Chrome 中调试Javascript

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