electron 问题汇总

此博客记录了使用 electron 过程中遇到的一些问题及解决办法。

1. 如何设置全屏并隐藏菜单栏？

Menu.setApplicationMenu(null) // 1. 设置菜单栏为空
/**
 * Initial window options
 */
mainWindow = new BrowserWindow({
  fullscreen: true, // 2. 全屏
  titleBarStyle: 'hidden', // 3. 隐藏标题栏
  webPreferences: { webSecurity: false },
})

2. 关闭跨域检查。

mainWindow = new BrowserWindow({
  fullscreen: true, 
  titleBarStyle: 'hidden',
  webPreferences: { webSecurity: false }, // 取消浏览器安全检查
})

3. 关闭 iframe 跨域。

app.commandLine.appendSwitch('disable-site-isolation-trials');

4. vue-electron^1.0.6 打包时报错：Identifier 'tasks' has already been declared。
   由于打包脚本 bug 导致，修改 .electron-vue/build.js 文件，移除下面内容：

const tasks = ['main', 'renderer']
const m = new Multispinner(tasks, {
  preText: 'building',
  postText: 'process'
})