debugging without IDEs e.g. Chrome DevTools

[mtoso]

Describe the bug

In electron, the --inspect can be used according to the docs https://www.electronjs.org/docs/latest/tutorial/debugging-main-process to open the chrome devtools.
Maybe this functionality is already present, but it is unclear how I can pass that option since all the commands run through the electron-vite package.
In my case, the reason why I would like to have the devtools is that my render process is not doin any direct request to the API, but it talks to the main process through IPC and the main process issues the calls to the API. In this case It would be useful to be able to see the Network tab of the devtools.

Electron-Vite Version

1.0.25

Electron Version

25.3.1

Vite Version

4.4.4

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[alex8088]

@mtoso ,

• It is recommended to debug with IDEs like VSCode. It's very easy. Check out https://electron-vite.org/guide/debugging.html for more details.
• If you still want to debug without IDEs and use the Electron CLI args, you can follow this now. https://electron-vite.org/guide/dev.html#passing-cli-arguments-to-electron-app
• electron-vite will supports --inspect and  --inspect-brk args.

[mtoso]

Hi,
yes I agree that using the IDE is more convenient but that is for using the debugger. As I mentioned I want to see the network requests and AFIK the debugger view in VSCode does not allow that.
I guess I can try passing --inspect using https://electron-vite.org/guide/dev.html#passing-cli-arguments-to-electron-app.
When you say electron-vite will supports --inspect and --inspect-brk args. do you mean that you will add something specific?

Thanks

[alex8088]

@mtoso Yes, it should be supported in the next version.

[mtoso]

@alex8088 Thank you, appreciate it.

[alex8088]

new ver 1.0.26 is out 🎉,

check out

• https://electron-vite.org/guide/cli.html#dev-options
• https://electron-vite.org/guide/debugging.html#v8-inspector-e-g-chrome-devtools

debugging-with-chrome-devtool.mp4