Electron webview 预加载日志 DOM答案

【问题标题】：Electron webview preload log DOMElectron webview 预加载日志 DOM
【发布时间】：2017-11-05 07:07:57
【问题描述】：

我在我的 Electron 程序的 index.html 文件中使用 webview。 webview 有一个预加载器，我只是希望能够操作 webview 的 DOM（不是 index.html）。

我的预加载器中有这段代码。但是 console.log 输出的是 index.html 的文档，而不是 webview 的文档。如何输出 webview 的内容？

preload.js

document.addEventListener('DOMContentLoaded', function(event) {
  console.log(document);
});

【问题讨论】：

标签： javascript html webview electron

【解决方案1】：

webview 每次 console.logs 时都会发出 console-message 事件，你只需要听它们。请参阅webview-tag 的文档：

const webview = document.querySelector('webview')
webview.addEventListener('console-message', (e) => {
  console.log('Guest page logged a message:', e.message)
})

【讨论】：