javascript - Electron 和 macOS : how to customize the 'About <app>' display panel that pops up when user clicks the 'About <app>' menuItem?

标签 javascript macos electron

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

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

Electron menuItem role docs仅提及:

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

apple docs on orderFrontStandardAboutPanel不提供任何见解。

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

about app menuItem from macOS electron app

about app display panel from macOS electron app

customized about gimp display panel on macOS

最佳答案

这远没有您想要的那么漂亮,但是如果您只想为 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"
  });

关于javascript - Electron 和 macOS : how to customize the 'About <app>' display panel that pops up when user clicks the 'About <app>' menuItem?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54170269/

相关文章:

javascript - 如何附加到 javascript 中的现有正则表达式?

javascript - 如何在 Opencart 中使用 Ajax?

javascript - 有人能告诉我为什么这段 JavaScript 代码没有按顺序排列数组吗?

macos - 从 Mac OS X Yosemite 卸载 BetterTouchTool。无法删除,因为 "App is currently open"

node.js - 如何在 Electron js 中使用 fs.readdirsync() 获取 exe 文件

javascript - AngularJS:从保留样式属性的字符串将 HTML 插入 View

html - 如何使选择的输入在所有平台的所有浏览器中看起来都一样?

mac终端中的Bash osascript(AppleScript),顺序运行多个命令

javascript - 在 Electron 中关闭父窗口时防止子窗口关闭

google-chrome-extension - 我们可以使用现有的代码库轻松地为 Electron 应用创建chrome扩展吗