Electron 隐藏顶部菜单功能实现
更新时间:2024年09月24日 09:19:55 作者:某公司摸鱼前端
本文介绍了如何在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 隐藏顶部菜单内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
微信小程序授权登录实现方案wx.getUserProfile(2022年最新版)
微信在最近开始要求使用wx.getUserProfile()来获取用户的昵称,头像等信息,所以下面这篇文章主要给大家介绍了关于2022年最新版微信小程序授权登录实现方案wx.getUserProfile的相关资料,需要的朋友可以参考下2022-11-11
javascript中mouseover、mouseout使用详解
这篇文章主要介绍了javascript中mouseover、mouseout使用详解的相关资料,需要的朋友可以参考下2015-07-07


最新评论