是否可以在 Electron 电子快速启动 JS 应用程序中禁用放大/缩小功能？

Question

这个问题特定于电子快速启动，所以它不是重复的。

我正在使用https://github.com/electron/electron-quick-start进行 JS 桌面应用程序的第一步，我有代码，我可以在我的 mac(hine) 上运行该应用程序。

我注意到可以放大/缩小应用程序上的文本，这是网络的常见功能。桌面应用程序并不常见。

如何禁用该行为？

Answer 1

如果你想做同样的事情，但在主进程中（在你的情况下main.js），你可以这样做：

let webContents = mainWindow.webContents
webContents.on('did-finish-load', () => {
  webContents.setZoomFactor(1)
  webContents.setVisualZoomLevelLimits(1, 1)
  webContents.setLayoutZoomLevelLimits(0, 0)
})

Answer 2

将以下内容添加到您的渲染html文件所在的 JavaScript 文件中（请参阅主进程与渲染器进程）。

var webFrame = require('electron').webFrame;
webFrame.setVisualZoomLevelLimits(1, 1);
webFrame.setLayoutZoomLevelLimits(0, 0);

在您的情况下，它renderer.js适用于电子快速启动应用程序。

文档：https : //github.com/electron/electron/blob/master/docs/api/web-frame.md#webframesetzoomlevellimitsminimumlevel-maximumlevel