electron之菜单栏和打开新窗口

最新推荐文章于 2024-06-27 22:55:18 发布

爱鱼的可爱喵

最新推荐文章于 2024-06-27 22:55:18 发布

阅读量6.5k

点赞数 1

分类专栏： electron学习文章标签： electron

本文链接：https://blog.csdn.net/qq_44961097/article/details/124797284

版权

本文介绍了如何在Electron应用中实现主进程管理、页面加载、JavaScript交互，以及添加菜单栏和打开新窗口的功能。通过详细步骤解析了菜单栏的JS内容和页面yellow.html的内容，展示了最终的运行效果。

摘要由CSDN通过智能技术生成

1.主进程main.js

var electron = require('electron')
var app = electron.app
var BrowserWindow = electron.BrowserWindow
var mainWindow = null

app.on('ready', () => {
   
    mainWindow = new BrowserWindow({
   
        width: 400,
        height: 300,
        webPreferences: {
   
            nodeIntegration: true,
            contextIsolation: false,
            enableRemoteModule: true// 使用remote模块
        }
    })
    require('@electron/remote/main').initialize()
    require('@electron/remote/main').enable(mainWindow.webContents)

    require('./main/menu.js')
    mainWindow.loadFile('demo2.html')
    mainWindow.openDevTools();//打开调试器
    mainWindow.on('closed', () => {
   
        mainWindow = null
    })
})

2.页面demo2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0

最低0.47元/天解锁文章

爱鱼的可爱喵

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
electron之菜单栏和打开新窗口

1.主进程main.jsvar electron = require('electron')var app = electron.appvar BrowserWindow = electron.BrowserWindowvar mainWindow = nullapp.on('ready', () => { mainWindow = new BrowserWindow({ width: 400, height: 300, webPre
复制链接

扫一扫