获取电子中的webview中的单击元素

Question

我正在构建一个嵌入了Webview的电子应用程序。 像这样。

的index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Hello World!</title>
</head>
<body>
  <webview
      id="webview"
      src="https://www.google.com/search?q=search&tbm=isch"
  />
  <script>
    require('./renderer.js')
  </script>
</body>
</html>

我想获得用户在其上单击鼠标右键的元素的tagName，并且如果该元素是img ，我想对该元素做一些事情。 这是我尝试过的。

renderer.js

document.getElementById("webview").addEventListener("contextmenu", event => {
  if (event.target.tagName === "img") {
    const src = event.target.src;
    // do something with src
  }
});

它不起作用，因为event.target始终是嵌入式webview本身。 无论我点击什么。 如何使其运作？

Answer 1

你不能。 Electron中的WebView是一种特殊的方法，它产生了一个单独的，独立的进程来承载除父级以外的其他内容，最终大多数内部元素都无法通过常规html接口访问。 相反，您必须在进程之间手动设置一些IPC以实现特定的所需行为，例如webview的预加载脚本设置ipc侦听器，父级将一些ipc发送到webview，反之亦然。

获取电子中的webview中的单击元素

问题描述

的index.html

renderer.js

1 个解决方案

解决方案1
1 2018-06-11 02:21:43

获取电子中的webview中的单击元素

问题描述

的index.html

renderer.js

1 个解决方案

解决方案1 1 2018-06-11 02:21:43

解决方案1
1 2018-06-11 02:21:43