缩放动态创建的 webview 的正确方法答案

【问题标题】：Proper way to zoom dynamic created webview缩放动态创建的 webview 的正确方法
【发布时间】：2018-07-10 23:49:17
【问题描述】：

我在 Electron 的 BrowserWindow 中动态创建了一个 webview。

  var webviewlo = document.createElement("webview");
  webviewlo.src = 'http://google.com';
  webviewlo.id = 'loo';
  webviewlo.preload = "./preload.js";
  webviewlo.style = 'height: 100%; width: 100%';
  loElement.appendChild(webviewlo);

例如，我想（就像在 Chrome 中一样）在 webview 中放大。

我在 preload.js 中做过：

var webview = document.getElementById("loo");
webview.style = 'transform: scale(0.8)';

但它不会改变任何东西。

放大电子网络视图的正确方法是什么？

提前致谢

【问题讨论】：

为什么要在preload.js中设置缩放？你能不使用 webviewlo.style = 'height: 100%;宽度：100%；变换：比例（2.0）';？
是的，你的回答有效，我不知道为什么它第一次没有，但现在它正在工作。你删除了它？
很高兴听到这个消息！我删除了它，因为我认为我不明白你在问什么，因为它不起作用。我已经把它放回去了。

标签： javascript webview electron

【解决方案1】：

在“did-stop-loading”事件触发后，我能够成功设置缩放。试试：

  var webview = document.getElementById('loo');
  webview.addEventListener('did-stop-loading', function() {
    webview.setZoomFactor(0.8);
  }, false);

【讨论】：