electron的devtools设置

最新推荐文章于 2024-08-12 09:06:37 发布

梧桐芊羽

最新推荐文章于 2024-08-12 09:06:37 发布

阅读量7k

点赞数 2

分类专栏： electron+vue

本文链接：https://blog.csdn.net/ee_11eeeeee/article/details/109536729

版权

electron+vue 专栏收录该内容

4 篇文章

订阅专栏

在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()
  })