单击Electron webview中的元素

问题描述 投票:0回答:1

我想在通过Electron中的webview加载的远程网站中多次单击一个元素(按钮)。

当我在控制台中输入以下内容时(通过inspect元素):

a = setInterval( function(){
    var elem = document.getElementsByClassName("myclass");
    elem[0].click()
},1000)

当我在Electron主脚本中使用它时它不会:

window.webContents.executeJavaScript('a = setInterval( function(){ var elem = document.getElementsByClassName("myclass"); elem[0].click() },1000)', true);

我收到一个错误:

未捕获的TypeError:无法读取未定义的属性“click”:1:110

我也尝试过在webview标签中加载的脚本,但没有运气。

我错过了什么,或做错了什么?

chromiumVersion: "58.0.3029.110"
electronVersion: "1.7.9"
nodeVersion:"7.9.0"

编辑

使用Google.com和搜索栏中的语音图标进行测试:

var element =  document.getElementsByClassName('gsst_a');
if (typeof(element) != 'undefined' && element != null) {
  console.log('yep, element is found');
  console.log(element);
  console.log(element[0]);
  a = setInterval(
    function(){
      var elem = document.getElementsByClassName("gsst_a");
      elem[0].click()
      },1000)
} else {
  console.log('nope, element is not found');
}

在控制台中输入时,这会在Chrome中每1秒点击一次图标。

当我将我的webview设置为Google.com并且具有以下行时,它仍会找到该元素,但会再次提到前面提到的错误:

window.webContents.executeJavaScript('var element=document.getElementsByClassName("gsst_a");void 0!==element&&null!=element?(console.log("yep, element is found"),console.log(element),console.log(element[0]),a=setInterval(function(){document.getElementsByClassName("gsst_a")[0].click()},1e3)):console.log("nope, element is not found");', true);

console.log(element)给出:HTMLCollection(0)

console.log(element [0])给出:undefined

为什么我可以在普通浏览器中输入js,但不能在Electron webview中输入?

javascript node.js webview electron
1个回答
0
投票

回答我自己的问题。

该事件指的是BrowserWindow中的网页,而不是其中的webview。因此该元素不存在于我正在查看的范围内,我需要在BrowserWindow中执行类似的操作。

码:

<html>
<head>
  <style type="text/css">
    * { margin: 0; }
    #browserGoogle { height: 100%; }
  </style>
</head>
<body>
  <webview id="browserGoogle" src="https://google.com"></webview>
  <script>
    const browserView = document.getElementById('browserGoogle')
    browserView.addEventListener('dom-ready', () => {
      const browser = browserView.getWebContents()
      browser.setDevToolsWebContents(devtoolsView.getWebContents())
      browser.webContents.executeJavaScript('var element=document.getElementsByClassName("gsst_a");void 0!==element&&null!=element?(console.log("yep, element is found"),console.log(element),console.log(element[0]),a=setInterval(function(){document.getElementsByClassName("gsst_a")[0].click()},1e3)):console.log("nope, element is not found");', true);
    })
  </script>
</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.