时间戳

首页 > 解决方案 > 如何在 Electron js 中将消息打印到 openDevTools 的控制台？

javascript - 如何在 Electron js 中将消息打印到 openDevTools 的控制台？

问题描述

我刚刚完成了一个电子 js 的 hello world 应用程序。我可以通过 console.log 打印到我的终端，我可以在我的应用程序窗口中打开 openDevTools，但如果可能的话，我希望我的 console.log 语句打印到窗口中的 openDevTools。有谁知道如何做到这一点？

标签： javascriptnode.jselectrongoogle-chrome-devtools

解决方案

要在电子中打印到开发工具，您的 console.log 需要位于作为客户端运行的 JavaScript 中，而不是您从控制台运行的服务器部分。

说这是你的电子应用程序（片段）

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');
});

索引.html：

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

推荐阅读