如何在Electron应用中禁用Mac端Cmd +/-快捷键触发的缩放行为

我正在开发Electron应用，希望禁用键盘快捷键（Mac端为 Cmd +/-）触发的缩放行为。

Electron官方文档说明默认禁用缩放功能，但我判断该规则仅适用于捏合缩放场景：

注意：Electron默认禁用可视化缩放功能。

其他资料建议使用 webFrame.setVisualZoomLevelLimits(1, 1) 方法，但该方案无法生效。请问我是否遗漏了相关配置？我希望尽量避免在JavaScript中手动监听这些特定的按键组合。

核心原因 #

webFrame.setVisualZoomLevelLimits(1, 1) 仅限制触控板捏合触发的可视化缩放，不覆盖快捷键触发的逻辑缩放。而Electron默认应用菜单内置了绑定 Cmd +/- 快捷键的缩放菜单项，优先级高于渲染进程的缩放限制，因此单独调用该方法无法生效。

配置步骤 #

1. 主进程 BrowserWindow 底层限制 #

创建窗口时在 webPreferences 中添加参数，从底层禁用缩放能力：

const { BrowserWindow } = require('electron')

const mainWindow = new BrowserWindow({
  webPreferences: {
    // 强制初始缩放比例为100%
    zoomFactor: 1,
    // 限制逻辑缩放（快捷键/JS调用触发）的上下限均为1，禁止缩放
    zoomLevelLimits: [1, 1],
    // 直接禁用可视化缩放（捏合触发）
    disableVisualZoom: true,
  }
})

2. 移除默认菜单的缩放快捷键绑定 #

Electron 默认菜单内置了绑定 Cmd +/-、Cmd 0 的缩放相关菜单项，需要自定义菜单模板并移除对应项：

const { Menu } = require('electron')

// 自定义菜单模板，不要添加以下role的菜单项：
// - role: 'zoomIn'
// - role: 'zoomOut'
// - role: 'resetZoom'
const menuTemplate = [
  // 保留你需要的其他菜单项，例如文件、编辑、视图、帮助等
  {
    label: '视图',
    submenu: [
      { role: 'reload' },
      { role: 'toggleDevTools' },
      { type: 'separator' },
      { role: 'togglefullscreen' },
    ]
  },
  // 其他菜单项配置...
]

Menu.setApplicationMenu(Menu.buildFromTemplate(menuTemplate))

3. （可选）Preload 脚本兜底 #

如果需要额外限制渲染进程内的缩放调用，可以在 preload 脚本中添加以下代码，确保在页面加载前就完成限制：

const { webFrame } = require('electron')

// 限制可视化缩放
webFrame.setVisualZoomLevelLimits(1, 1)
// 限制逻辑缩放
webFrame.setZoomLevelLimits(1, 1)

内容的提问来源于stack exchange，提问作者indieman