如何通过Electron访问DOM元素?

时间:2016-08-15 20:15:12

标签: javascript electron

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

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

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

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

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

2 个答案:

答案 0 :(得分: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);
`);

答案 1 :(得分:0)

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

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

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

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

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