Awesome
Process Manager UI for Electron Apps
This package provides a process manager UI for Electron applications.
It opens a window displaying a table of every processes run by the Electron application with information (type, URL for webContents
, memory..).
:warning: For @electron>=3.0.0, <7.x
, use version 0.7.1
of this package.
For versions >=7.x
, use latest.
It can be useful to debug performance of an app with several webview
.
It's inspired from Chrome's task manager.
Features
- Memory reporting
- Link memory data to web-contents (for electron >=1.7.1)
- Kill a process from the UI
- Open developer tools for a given process
- CPU metrics
- Sort by columns
⚠️ Unfortunately, memory info are no longer available in Electron>=4 (see electron/electron#16179)
Installation
$ npm install electron-process-manager
Usage
const { openProcessManager } = require('electron-process-manager');
openProcessManager();
Options
openProcessManager
function can take options in paramters
options.defaultSorting
defaultSorting.how: 'ascending' | 'descending'
defaultSorting.path:
Field name | path |
---|---|
Pid | 'pid' |
WebContents Domain | 'webContents.0.URLDomain' |
Process Type | 'webContents.0.type' |
Private Memory | 'memory.privateBytes' |
Shared Memory | 'memory.sharedBytes' |
Working Set Size | 'memory.workingSetSize' |
% CPU | 'cpu.percentCPUUsage' |
Idle Wake Ups /s | 'cpu.idleWakeupsPerSecond' |
WebContents Id | 'webContents.0.id' |
WebContents Type | 'webContents.0.type' |
WebContents URL | 'webContents.0.URL' |
example:
const { openProcessManager } = require('electron-process-manager');
openProcessManager({ how: 'descending', path: 'cpu.percentCPUUsage' });
Future
- Add physical memory (noted as "Memory" in Chrome's task manager)
- Add networks metrics
Pull requests welcome :)
License
MIT License