Xdebug Trace Viewer

An xdebug trace viewer build on electron.

Features

Show funcion calls in tree style.
Statistic time usage for functions.
Search by function name or file name.
Show function memory usage.
Show function call details, include arguments and return value.
Support multiple platforms.

Snapshot

Order by function call index

Order by time usage

Show function details

Statistic time usage

Install

Linux, Windows 7+ are supported (64-bit only) and macOS 10.10+.

Linux

Download the .7z file.

Windows

Download the -win.7z file.

macOS

I don't have macOS, please build it by yourself.

Dev

Built with Electron.

Prepare

$ npm install gulp-cli -g

Run

$ npm install
$ npm run ejs
$ npm start

Build package

$ npm run ejs
# for windows
$ npm run win-dist
# for linux
$ npm run linux-dist
# for macos
$ npm run macos-dist

How to get trace

Install Xdebug

Fellow Xdebug offical installation documentation.

Config Xdebug

Note: Now XdebugTraceViewer only support computerize format, so trace_format must be 1, read more about trace_format.

xdebug.trace_format = 1

Suggested configration:

# disable auto trace
xdebug.auto_trace = 0
xdebug.trace_enable_trigger = 1
# disable debug
xdebug.default_enable=0
xdebug.remote_enable=0
# for performance, disable auto profiler
xdebug.profiler_enable = 0

Then trigger Xdebug to generate trace manually, for example:

$ curl 'http://localhost/test.php&XDEBUG_TRACE=1'

If you want to get function parameters and return information, add these to xdebug.ini.

xdebug.collect_params=4
xdebug.collect_return=0

Format trace file name as you want:

xdebug.trace_output_name = trace.%p.%t

More about Xdebug settings, please reference offical documentation.

Yi-pixel/xdebug-trace-viewer