如何检测铬/电子何时完成缩放？

Question

我正在使用 Electron 并尝试检测 Electron 何时完成执行 Control + 0 功能，该功能使窗口的缩放回到 100%。我有一个类似于 chrome 右上角的 3 点菜单的菜单，并且希望在我使用 control + 0 时更新缩放数字。

但是根据我的尝试，我收集到，如果我只是添加一个键盘事件侦听器，就像我在运行更新菜单的函数下方所做的那样，我将在电子/铬完成之前完成缩放。

那么我将如何检测何时完成，以便我可以相应地执行我的功能？

public onKeydown(event: KeyboardEvent) {
    const key = event.key
    const control = event.ctrlKey

    if (control === true && key === '0') {
      this.updateCurrentZoom()
    }
  }

Answer 1

我最近在我的 Electron 应用程序的窗口标题中添加了一个显示当前缩放系数的后缀字符串。

为了检测缩放变化（包括缩放重置），我不得不使用窗口 'resize' 事件，令人惊讶的是，它不仅在窗口大小被修改时触发，而且在缩放级别改变时触发！

// Renderer process
const { webFrame } = require ('electron');
window.addEventListener
(
    'resize',
    (event) =>
    {
        // Returns 1.0 for 100%
        let zoomFactor = webFrame.getZoomFactor ();
        updateCurrentZoom (zoomFactor);
    }
);