electron如何让浏览器显示开发工具

electron yekong

你可以在Electron应用程序中使用webContents.openDevTools()方法来打开开发者工具。下面是一段简单的示例代码,用于在主进程文件main.js中加载一个窗口,并在窗口加载后打开开发者工具。

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

function createWindow() {
  // 创建浏览器窗口
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  // 加载index.html文件
  win.loadFile('index.html');

  // 打开开发者工具
  win.webContents.openDevTools();
}

app.whenReady().then(createWindow);

// 当全部窗口关闭时退出
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

这段代码会使得当你的Electron应用程序启动时,开发者工具将与主窗口一同打开。

相关项目

使用electron开发一款单页模板下载助手

喜欢