如何在Electron应用中禁用开发者工具?
2025-07-06
2
参考资料
如何在Electron应用中禁用开发者工具?
在Electron应用中禁用开发者工具可以通过以下几种方式实现:
主进程禁用BrowserWindow的webPreferences
new BrowserWindow({ webPreferences: { devTools: false } })
渲染进程禁用快捷键
const { globalShortcut } = require('electron') app.whenReady().then(() => { globalShortcut.register('F12', () => {}) globalShortcut.register('CommandOrControl+Shift+I', () => {}) })
拦截devtools-opened事件
mainWindow.webContents.on('devtools-opened', () => { mainWindow.webContents.closeDevTools() })
禁用上下文菜单
mainWindow.webContents.on('context-menu', (e) => { e.preventDefault() })
生产环境检测
if (process.env.NODE_ENV === 'production') { // 应用上述禁用方法 }
注意事项:
这些方法不能完全阻止有经验的用户
可能影响调试和错误排查
建议只在生产环境使用