Comment puis-je accéder au DOM d'un <webview> dans l'électronique?

Je ne sais pas qui a voté la fermeture de ma question, mais je suis content que ça ne va pas à travers. D'autres personnes ont cette question d'ailleurs en ligne trop. J'ai aussi expliqué ce que je voulais faire, mais w/e.

---

J'ai fini par utiliser ipc-message. Le la documentation pourrait utiliser plus d'exemples/explications pour les non-initiés, mais bon, j'ai tout compris. Mon code est ici et ici, mais je vais aussi poster des exemples ci-dessous mon code disparaître pour quelque raison que ce soit.

---

Ce code est dans aries.js, et ce fichier est inclus dans le principal moteur de rendu de page, qui est index.html.

var ipc = require("ipc");
var webview = document.getElementsByClassName("tabs-pane active")[0];

webview.addEventListener("ipc-message", function (e) {
  if (e.channel === "window-data") {
    //console.log(e.args[0]);

    $(".tab.active .tab-favicon").attr("src", e.args[0].favicon);
    $(".tab.active .tab-title").html(e.args[0].title);
    $("#url-bar").val(e.args[0].url);

    $("#aries-titlebar h1").html("Aries | " + e.args[0].title);
  }

  //TODO
  //Make this better...cancel out setTimeout?
  var timer;

  if (e.channel === "mouseover-href") {
    //console.log(e.args[0]);
    $(".linker").html(e.args[0]).stop().addClass("active");

    clearTimeout(timer);

    timer = setTimeout(function () {
      $(".linker").stop().removeClass("active");
    }, 1500);
  }
});

---

Ce bit suivant du code de la browser.js, et ce fichier est injecté dans mon <webview>.

var ipc = require("ipc");

document.addEventListener("mouseover", function (e) {
  var hoveredEl = e.target;

  if (hoveredEl.tagName !== "A") {
    return;
  }

  ipc.sendToHost("mouseover-href", hoveredEl.href);
});

document.addEventListener("DOMContentLoaded", function () {
  var data = {
    "title": document.title,
    "url": window.location.href,
    //need to make my own version, can't rely on Google forever
    //maybe have this URL fetcher hosted on hikar.io?
    "favicon": "https://www.google.com/s2/favicons?domain=" + window.location.href
  };

  ipc.sendToHost("window-data", data);
});

---

Je n'ai pas trouvé un moyen fiable pour injecter jQuery dans <webview>s, et je ne devrais pas parce que la page que je serait d'injecter les ayez déjà (dans le cas où vous vous demandez pourquoi mon code principal est jQuery, mais il y a aussi régulièrement JavaScript).

OriginalL'auteur NetOperator Wibby