动态创建网页视图的正确缩放方法

Question

我在电子产品的BrowserWindow中动态创建了一个网页视图。

  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中)放大网页视图。

我在preload.js中这样做了：

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

但这不会改变任何事。

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

提前感谢

Answer 1

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

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