How do you print messages to openDevTools's console in Electron js?

Question

I just completed a hello world application for electron js. I can print to my terminal via console.log and I can open the openDevTools in the window of my application but I'd like for my console.log statements to print to the openDevTools in the window if possible. Does anyone know how to do this?

Answer 1

To print to dev tools in electron, your console.log needs to be inside the JavaScript running as your client, not the server part that you run from the console.

Say this is your electron app (snippet)

app.on('ready', () => {
    // load the local HTML file
    let url = require('url').format({
        protocol: 'file',
        slashes: true,
        pathname: require('path').join(__dirname, '/build/index.html')
    })
    mainWindow.loadURL(url);
    mainWindow.webContents.openDevTools();
    console.log('this will go to the terminal');
});

index.html:

<script>
    console.log('this will go to electron dev tools');
</script>