如何避免Electron应用弹出JavaScript错误弹窗？Chrome kiosk模式方法无效

Chrome的--kiosk参数会默认屏蔽JS错误弹窗，但Electron的setKiosk(true)仅控制窗口的全屏与锁定状态，不会自动拦截这类弹窗，你可以通过以下几种方式解决：

方法1：主进程拦截控制台错误事件 #

在主进程中监听webContents的console-message事件，拦截错误级别信息并阻止弹窗：

const { BrowserWindow } = require('electron');
const path = require('path');

const mainWindow = new BrowserWindow({
  webPreferences: {
    contextIsolation: true,
    nodeIntegration: false // 遵循安全最佳实践
  }
});

// 拦截错误级别的控制台消息
mainWindow.webContents.on('console-message', (event, level) => {
  // level=2对应错误级别
  if (level === 2) {
    event.preventDefault(); // 阻止错误弹窗触发
    // 可选：自定义错误日志记录
    console.error('渲染进程错误已拦截');
  }
});

方法2：渲染进程捕获全局错误 #

通过预加载脚本（preload）在渲染进程中覆盖全局错误监听，阻止默认弹窗：

1. 编写预加载脚本preload.js：

// preload.js
window.addEventListener('error', (event) => {
  event.preventDefault(); // 阻止错误弹窗
  console.error('页面错误:', event.error.message);
});

2. 在创建窗口时配置预加载脚本：

const mainWindow = new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'preload.js'),
    contextIsolation: true,
    nodeIntegration: false
  }
});

方法3：禁用DevTools错误弹窗（可选） #

如果你的应用开启了DevTools，可通过执行JS覆盖控制台错误方法来屏蔽弹窗：

mainWindow.webContents.on('devtools-opened', () => {
  mainWindow.webContents.executeJavaScript(`
    const originalError = console.error;
    console.error = (...args) => {
      // 自定义处理错误，比如仅打印到控制台
      originalError('拦截的DevTools错误:', ...args);
      // 不触发默认弹窗
    };
  `);
});

内容的提问来源于stack exchange，提问作者Kai