在electron开发过程中,我们需要关闭掉Chrome的devtools开发者工具,可以在主进程中main/index.js添加如下代码进行对应的devtools设置。

关闭devtools
//mainWindow.webContents.closeDevTools();

打开devtools
//mainWindow.webContents.openDevTools()

//devtools在底部打开
//mainWindow.webContents.openDevTools({mode:'bottom'});

//devtools在left打开
//mainWindow.webContents.openDevTools({mode:'left'});

//devtools与界面分开
//mainWindow.webContents.openDevTools({mode:'detach'});

//devtools在右边打开
mainWindow.webContents.openDevTools({mode:'right'});

如下main/index.js所示

  mainWindow = new BrowserWindow({
    height: sHeight,
    width: sWidth,
    useContentSize: true,
    autoHideMenuBar: true, //是否隐藏菜单
  })
  
  //关闭开发者工具使用
  mainWindow.webContents.closeDevTools();

  mainWindow.setFullScreen(true)
  //退出全局模式
  globalShortcut.register('ESC', () => {
    mainWindow.setFullScreen(false)
  })
 globalShortcut.register('CommandOrControl+o', () => {
  mainWindow.setFullScreen(true)
  })
  //设置全局模式
  const ret = globalShortcut.register('CommandOrControl+q', () => {
    mainWindow.reload()
  })
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐