Question

我一直在阅读关于此的文档，但对我来说并不是很清楚。

我创建了一个BrowserWindow实例，并导航到我无法控制的网址。

我想访问一个特定的值，如果我从浏览器控制台运行它，我会得到一个值。

document.querySelector('input[name="fb_dtsg"]').value

如何从我的JS代码中运行它来访问该DOM元素值并在我的源代码中操作它？谢谢！

Answer 1

您想在webContents中执行Javascript。然后你可以从它AFAIK发送一个ipc来发回数据。

myWindow.webContents.executeJavaScript(`
    const electron = require('electron');
    const ipcRenderer = electron.ipcRenderer;

    var myValue = document.getElementById('myId').value;

    ipcRenderer.send('return-data-message', myValue);
`);

Answer 2

您可以使用renderer.js轻松访问元素

要访问标记文件中定义的某些按钮单击事件，例如

<button id="save">Save me</button>

您只需要将以下几行内容写入renderer.js

document.querySelector('#save').addEventListener('click', function() {
    doSomething();
})

如何通过Electron访问DOM元素？

2 个答案: