Devtron icon

Devtron logo

An Electron DevTools Extension

Debug your app

Devtron is an open source tool to help you inspect, monitor, and debug your Electron app. Built on top of the amazing Chrome Developer Tools.

Require Graph

Visualize your app's internal and external library dependencies in both the main and renderer processes. The require graph allows you to trace through the loading order and dependency graph of the JavaScript files in your app.

Screenshot of Devtron Require Graph
Screenshot of Devtron Event Listeners

Event Listeners

Explore the events and listeners currently registered in your app on the core Electron APIs such as the window, the app, and the main and renderer processes. Search for listeners to make sure they are registered correctly and active.

IPC Monitor

Track and inspect the messages sent and received between the processes in your app. The IPC monitor records and displays the message traffic between the main and renderer processes.

Screenshot of Devtron IPC Monitor
Screenshot of Devtron Linter

Linter

Check your app for possible issues and missing functionality. The linter provides guidance and code snippets for detected issues.

Get started

# Install Devtron
$ npm install --save-dev devtron

// Run the following from the Console tab of your app's DevTools
require('devtron').install()
// You should now see a Devtron tab added to the DevTools

Or dive deeper and read the documentation.

Keyboard Shortcuts

Key Action
/ Focus the search bar
Esc Focus the search bar and cleans it
Select the next search result
Select the previous search result
Enter Open the selected search result
cmdEnter Ctrl+Enter Open the selected search result in a new tab