使用 Electron 的 Web 视图中的缩放功能答案

【问题标题】：Zoom Function in a Webview with Electron使用 Electron 的 Web 视图中的缩放功能
【发布时间】：2019-08-11 09:26:57
【问题描述】：

我正在尝试在我的 Electron 应用中为我的 web 视图创建放大和缩小按钮。

目前，我是这样做的，但 getZoomFactor 总是返回 undefined。还有其他方法可以创建这两个缩放按钮吗？

function zoomIn() {
    const webview = document.querySelector('webview');
    let actualZoom = webview.getZoomFactor();
    if (actualZoom == null) {
        actualZoom = 1;
    }
    webview.setZoomFactor(actualZoom + 1);
}

function zoomOut() {
    const webview = document.querySelector('webview');
    let actualZoom = webview.getZoomFactor();
    if (actualZoom == null) {
        actualZoom = 1;
    }
    webview.setZoomFactor(actualZoom - 1);
}

【问题讨论】：

请不要通过破坏您的帖子为他人增加工作量。通过在 Stack Exchange 网络上发帖，您已在 CC BY-SA 3.0 license 下授予 Stack Exchange 分发该内容的不可撤销的权利（即无论您未来的选择如何）。根据 Stack Exchange 政策，帖子的非破坏版本是分发的版本。因此，任何破坏行为都将被撤销。如果您想了解更多关于删除帖子的信息，请参阅：How does deleting work?

标签： javascript html webview electron

【解决方案1】：

WebView 的 getZoomLevel 接受回调而不是返回值。

.getZoomLevel(回调) 回调函数

缩放级别数发送获取当前缩放级别的请求，回调将通过 callback(zoomLevel) 调用。

【讨论】：