electron开发问题记录

qiu_cs

已于 2022-06-17 09:27:17 修改

阅读量6.1k

点赞数 3

分类专栏： electron 文章标签： electron 前端

于 2022-06-16 18:42:01 首次发布

本文链接：https://blog.csdn.net/qiu_cs/article/details/125321231

版权

electron 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在Electron应用中开启调试器，加载网页，处理GPU错误以及实现无标题栏窗口的拖动操作。首先，通过win.webContents.openDevTools()启用开发者工具进行调试。接着，使用win.loadURL()加载指定网页如百度。当遇到GPU初始化错误时，可以在main.js中禁用硬件加速以解决。此外，为实现隐藏标题栏后的窗口拖动，可以设置特定HTML元素的样式，如添加'-webkit-app-region:drag'和'-webkit-app-region:no-drag'。最后，提供了Electron的官方中文文档链接以供深入学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 如何开启debugger

win.webContents.openDevTools()

2. 如何加载网页

win.loadURL("http://www.baidu.com")

3. 报错：ERROR:gpu_init.cc(481)] Passthrough is not supported, GL is disabled, ANGLE is

在main.js中禁用

const { app, BrowserWindow, ipcMain } = require('electron')
// 禁用当前应用程序的硬件加速
app.disableHardwareAcceleration()

4. 隐藏标题栏后，如何实现窗口拖动

在要拖动html元素上，加上样式：-webkit-app-region: drag 即可，通过样式： -webkit-app-region: no-drag 来控制哪些元素不拖动

<div style="-webkit-app-region: drag">
  <div style="-webkit-app-region: no-drag"></div>
</div>

4. Electron官方中文文档地址

快速入门|Electron