javascript - 使用 Electron 在 Web View 中实现缩放功能

Question

我正在尝试在 Electron 应用程序中为我的 Web View 创建放大和缩小按钮。

目前，我是这样做的，但 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);
}

Answer 1

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

.getZoomLevel(callback) callback Function

zoomLevel Number Sends a request to get current zoom level, the callback will be called with callback(zoomLevel).