javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > Electron 隐藏顶部菜单

Electron 隐藏顶部菜单功能实现

作者:某公司摸鱼前端

本文介绍了如何在Electron应用中隐藏顶部菜单,具体方法是在main.js文件中添加一行代码,这是一个简单有效的技巧,适用于需要简化界面的Electron应用

隐藏前:

隐藏后:

具体设置代码:

在 main.js 中加入这行即可:

// 导入模块
const { app, BrowserWindow ,Menu } = require('electron')
const path = require('path')
// 创建主窗口
const createWindow = () => {
  const mainWindow = new BrowserWindow({
    width: 1440,
    height: 800,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
	    nodeIntegration: true, //开启true这一步很重要,目的是为了vue文件中可以引入node和electron相关的API
      contextIsolation: false, // 可以使用require方法
      enableRemoteModule: true, // 可以使用remote方法
    }
  })
  // 和自己本地vue项目启动的地址保持一致
  mainWindow.loadURL(`http://localhost:5173`)
}
Menu.setApplicationMenu(null)
// 应用准备就绪,加载窗口
app.whenReady().then(() => {
  createWindow()
  // mac 上默认保留一个窗口
  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})
// 关闭所有窗口 : 程序退出 : windows & linux
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit()
})

到此这篇关于Electron 隐藏顶部菜单的文章就介绍到这了,更多相关Electron 隐藏顶部菜单内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文