📜  如何在不删除框架的情况下删除电子应用程序中的菜单栏 - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:00.021000             🧑  作者: Mango

如何在不删除框架的情况下删除电子应用程序中的菜单栏 - Javascript

在 electron 应用程序中,默认情况下会有一个菜单栏。如果需要删除它,可以使用以下步骤:

方法一:在 electron 创建窗口时进行设置

可以在创建窗口时把菜单栏设置为 null。代码片段如下:

const { app, BrowserWindow } = require('electron')

function createWindow () {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    // 设置菜单栏为空
    menu: null
  })

  mainWindow.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()
})
方法二:在应用程序启动后删除菜单栏

如果无法在创建窗口时进行设置,也可以在应用程序启动后删除菜单栏。代码片段如下:

const { app, BrowserWindow, Menu } = require('electron')

function createWindow () {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600
  })

  mainWindow.loadFile('index.html')
  
  // 在加载完成后删除菜单栏
  mainWindow.webContents.on('did-finish-load', () => {
    mainWindow.setMenu(null)
  });
}

app.whenReady().then(() => {
  createWindow()
})

以上方法就可以删除 electron 应用程序中的菜单栏了。

Markdown 片段如下:

# 如何在不删除框架的情况下删除电子应用程序中的菜单栏 - Javascript

## 方法一:在 electron 创建窗口时进行设置

可以在创建窗口时把菜单栏设置为 null。代码片段如下:

```javascript
// 代码片段
方法二:在应用程序启动后删除菜单栏

如果无法在创建窗口时进行设置,也可以在应用程序启动后删除菜单栏。代码片段如下:

// 代码片段

以上方法就可以删除 electron 应用程序中的菜单栏了。