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

时间:2018-01-31 18:51:00

标签: javascript webview 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中)放大网页视图。

我在preload.js中做了:

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

但它没有改变任何东西。

放大电子网页的正确方法是什么?

提前感谢

1 个答案:

答案 0 :(得分:0)

我可以在“停止加载”后成功设置缩放功能。事件火灾。尝试:

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