首页 > 解决方案 > Electron 和 macOS:如何自定义“关于'当用户点击'关于'时弹出的显示面板' 菜单项?

问题描述

在编写 Electron 应用程序时,macOS 构建提供了一个“关于”菜单项作为第一个菜单1的第一项。单击此按钮后,会弹出一个小面板,显示应用程序名称、版本和版权(如果有)2

如何自定义面板中呈现的内容?

Electron menuItem 角色文档仅提及:

 `about` - Map to the `orderFrontStandardAboutPanel` action.

苹果文档orderFrontStandardAboutPanel不提供任何见解。

查看屏幕截图,包括自定义显示面板的示例(通过 GIMP):

关于来自 macOS 电子应用程序的应用程序 menuItem

关于来自 macOS 电子应用程序的应用程序显示面板

定制关于 macOS 上的 gimp 显示面板

标签: javascriptmacoselectron

解决方案


这并不像你想要的那么漂亮,但如果你只是想为 macOS 自定义简单的内置关于面板,Electron 确实允许你自定义文本。

您只需调用app.setAboutPanelOptions

  /*
    Here's how the "About" dialog is displayed: (applies to macOS only)

    <app icon>
    <applicationName>
    <applicationVersion> (<version>)
    <credits>
    <copyright>
   */
  app.setAboutPanelOptions({
    applicationName: "Name", 
    applicationVersion: "App Version",
    version: "Version",
    credits: "Credits",
    copyright: "Copyright"
  });

推荐阅读