How can I open chrome dev tool after build?

How could I config to make me can open the chrome dev tool in after-build-app like in dev mode? I think it will make me find software bug more easy and easy to deal with it.

[SimulatedGREG]

@deboyblog

There are a couple ways to approach this, but a simple way would be is to add a globalShortcut to your app. Adding the following to app/src/renderer/main.js should do the trick…

import { remote } from 'electron'

remote.globalShortcut.register('CommandOrControl+Shift+K', () => {
  remote.BrowserWindow.getFocusedWindow().webContents.openDevTools()
})

window.addEventListener('beforeunload', () => {
  remote.globalShortcut.unregisterAll()
})

[travis5491811]

@deboyblog

There are a couple ways to approach this, but a simple way would be is to add a globalShortcut to your app. Adding the following to app/src/renderer/main.js should do the trick…

import { remote } from 'electron'

remote.globalShortcut.register('CommandOrControl+Shift+K', () => {
  remote.BrowserWindow.getFocusedWindow().webContents.openDevTools()
})

window.addEventListener('beforeunload', () => {
  remote.globalShortcut.unregisterAll()
})

Thanks. This solution still works. I’m using vue-cli-plugin-electron-builder and have the code in /src/main.ts