DevTools の使い方 [Electron]

使い方

レンダープロセスから DevTools を起動する。

const { BrowserWindow } = require('electron')

const win = new BrowserWindow()
win.webContents.openDevTools()

参考：

Electron WebView のデバッグで DevTools を使う | kondoumh のブログ

Electron で devtools の表示をやらせない！という勘違いのお話 – Qiita

Tips and Tricks for Debugging Electron Applications | SitePoint

Application Debugging | Electron [Official]

Debugging the Main Process | Electron [Official]

How to make Developer Tools appear? – Atom Discussion

A way to prevent developer tools – Atom Discussion

How to include Chrome DevTools in Electron? – Stack Overflow

DevTools Extension

各種 JavaScript ライブラリを使用した開発をサポートする Chrome Extension が利用できる。

• Ember Inspector
• React Developer Tools
• Backbone Debugger
• jQuery Debugger
• AngularJS Batarang
• Vue.js devtools
• Cerebral Debugger
• Redux DevTools Extension
• MobX Developer Tools

参考：

electron/electron/devtools-extension.md – DevTools Extension – GitHub