A browser-based frontend for GDB

A modern, browser-based frontend to gdb (gnu debugger). Add breakpoints, view stack traces, and more in C, C++, Go, and Rust! Simply run gdbgui from the terminal and a new tab will open in your browser. See SCREENSHOTS.md, or check out the YouTube channel or Help page for demos and tutorials.

Homepage

gdbgui.com

Features

Refer to gdbgui's homepage

Compatibility

Operating systems: Ubuntu 14.04+, macOS, Windows

gdb: 7.7+

Languages: C, C++, golang, rust (any language supported by gdb itself)

Browsers: Tested with Chrome, Firefox. Should work with any modern, standards-compliant browser. JavaScript and cookies must be enabled.

If using the Python distribution rather than binary executable: 2.7, 3.4, 3.5, 3.6, pypy

Install

Binary executables available at gdbgui.com/downloads.html or, alternatively a Python package is available as well:

pip install gdbgui --upgrade

See INSTALLATION for detailed instructions.

Run

Running Locally

gdbgui

A new tab in your browser will open with gdbgui in it. If a browser tab did not open, navigate to the ip/port that gdbgui is being served on (i.e. http://localhost:5000).

For a list of gdbgui arguments, see the Arguments section below or type gdbgui --help.

Running Remotely

Because gdbgui is a server, it naturally allows you to debug programs running on other computers.

• ssh into the computer with the program that needs to be debugged.
• run gdbgui -r on the remote machine (this will serve publicly so beware of security here)
• on your local machine, open your browser and access the remote machine's ip and port
• debug the remote computer in your local browser

Step-By-Step Instructions

After opening the webpage in a supported browser:

• Type the path to the executable in the input at the top (next to "Load the Binary and Args"). The executable should already exist and have been compiled with the -g flag.
• Click Load the Binary and Args. The program and symbols will load, but will not begin running. A breakpoint will be added to main automatically (this can be changed in settings).
• The line of source code corresponding to main will display if the program was compiled with debug symbols (i.e. -g).
• Click the Run button, which is on the top right and looks like a circular arrow.
• Step through the program by clicking the Next, Step, Continue, etc. as desired. These are also on the top right.

Arguments

usage: gdbgui [-h] [-p PORT] [--host HOST] [-r] [-g GDB] [--lldb] [-v]

[--hide_gdbgui_upgrades] [--debug] [-n] [-x GDB_CMD_FILE] [--args ARGS [ARGS ...]] [--auth] [--auth-file AUTH_FILE] [cmd [cmd ...]]

Positional arguments:

command: (Optional) The quote-enclosed executable and arguments to run in gdb. This is a way to script the intial loading of the inferior program you wish to debug. For example gdbgui "./mybinary -myarg value -flag1 -flag2" (note the quotes around the executable and arguments!). Executables and arguments can also be input through the browser interface after launching (no quotes required there).

Flags (all are optional):

-h, --help	show this help message and exit
-p PORT, --port PORT
	The port on which gdbgui will be hosted. Defaults to 5000
--host HOST	The host ip address on which gdbgui serve. Defaults to 127.0.0.1
-r, --remote	Shortcut to sets host to 0.0.0.0 and suppress browser from opening. This allows remote access to gdbgui and is useful when running on a remote machine that you want to view/debug from your local browser, or let someone else debug your application remotely.
-g GDB, --gdb GDB
	Path to gdb or lldb executable. Defaults to gdb. lldb support is experimental.
--lldb	Use lldb commands (experimental)
-v, --version	Print version
--hide_gdbgui_upgrades
	Hide messages regarding newer version of gdbgui. Defaults to False.
--debug	The debug flag of this Flask application. Pass this flag when debugging gdbgui itself to automatically reload the server when changes are detected
-n, --no_browser
	By default, the browser will open with gdb gui. Pass this flag so the browser does not open
-x GDB_CMD_FILE
	GDB_CMD_FILE Execute GDB commands from file
--args ARGS	The binary and arguments to run in gdb. Example: gdbgui --args "./mybinary myarg -flag1 -flag2"
--auth	Require authentication before accessing gdbgui in the browser. Prompt will be displayed in terminal asking for username and password before running server. NOTE: gdbgui does not use https
--auth-file AUTH_FILE
	Require authentication before accessing gdbgui in the browser. Specify a file that contains the HTTP Basic auth username and password separate by newline. NOTE: gdbgui does not use https.

Examples

Example invocations of gdbgui, code and makefiles for C, C++, go, and rust, that build and launch gdb are available in the examples folder.

Settings

gdbgui settings can be accessed by clicking the gear icon in the top right of the frontend. Most of these settings persist between sessions for a given url and port.

Keyboard Shortcuts

The following keyboard shortcuts are available when the focus is not in an input field. They have the same effect as when the button is pressed.

• Run: r
• Continue: c
• Next: n or right arrow
• Step: s or down arrow
• Up: u or up arrow
• Next Instruction: m
• Step Instruction: ,

Debugging Faults

If your program exits unexpectedly from something like a SEGFAULT, gdbgui displays a button in the console to re-enter the state the program was in when it exited. This allows you to inspect the stack, the line on which the program exited, memory, variables, registers, etc.

Screenshots

See SCREENSHOTS.md for more.

License

GNU GPLv3

PyPI and this github page are the only official sources of gdbgui.

How Does it Work?

1. The pygdbmi library manages gdb as a subprocess, and returns structured data to the frontend.
2. The Flask-SocketIO server (Flask+websockets) serves the webpage and provides realtime interactivity. http/websocket endpoints are available for the browser. Each websocket connection (browser tab) runs a pygdbmi-managed instance of gdb. A separate coroutine/thread continuously parses and forwards gdb's output to the browser.
3. The browser manages its ui with JavaScript, React, and various libraries.

The main components of gdbgui are

1. backend.py: The backend consists of a single Python file, which makes use of pygdbmi to interact with a gdb subprocess, and Flask to set up url routing, websockets, and http responses.
2. gdbgui.pug: HTML file that defines the frontend
3. gdbgui.js: Communicate with gdb via websockets and dynamically update the page.
4. gdbgui.css: css stylesheet

Contributing

See CONTRIBUTING

Authors

gdbgui is primarily authored by Chad Smith, but would not be possible without contributions from the community and several amazing open source libraries.

JavaScript

• React
• splitjs: https://github.com/nathancahill/Split.js
• awesomplete: https://github.com/LeaVerou/awesomplete
• vis.js: http://visjs.org/
• moment.js
• lodash
• bootstrap
• jquery

Python

• flask: http://flask.pocoo.org/
• socket.io: https://socket.io/
• flask-socket-io: https://flask-socketio.readthedocs.io/en/latest/
• pypugjs: https://github.com/matannoam/pypugjs
• Pygments: http://pygments.org/
• gevent: http://www.gevent.org/
• pygdbmi: https://github.com/cs01/pygdbmi

Users of gdbgui

• Arch Linux
• BlackArch Linux
• FreeBSD
• Create a PR and add your company, name, school, project, etc. here

Contact

[email protected]