跳到主要内容

Electron 37.0.0

·7 分钟阅读
georgexu99
georgexu99
VerteDinde
VerteDinde

Electron 37.0.0 已发布！它包括 Chromium 138、V8 13.8 和 Node 22.16.0 的升级。

Electron 团队很高兴地宣布 Electron 37.0.0 正式发布！您可以通过 npm 使用 npm install electron@latest 进行安装，或从我们的发布网站下载。请继续阅读以了解此版本的详细信息。

如果您有任何反馈，请在 Bluesky 或 Mastodon 上与我们分享，或加入我们的社区 Discord！错误和功能请求可以在 Electron 的问题跟踪器中报告。

值得注意的更改​

平滑圆角：原生 CSS 方圆​

An image showing different corner smoothing values (0%, 30%, 60%, and 100%) applied to rectangles, with 60% labeled as matching macOS style

Electron 37 引入了自定义的 -electron-corner-smoothing CSS 属性，该属性允许应用创建更平滑的圆角，以匹配 Apple 的 macOS 设计语言。此功能最初在 Electron 36 中推出，但我们认为它值得更突出地展示。

代码结果
.box {
  width: 128px;
  height: 128px;
  border-radius: 24px;
  -electron-corner-smoothing: 100%;
}

与标准的 border-radius 属性（它从矩形中切出四分之一圆角）不同，-electron-corner-smoothing 将曲线平滑地过渡为具有连续周长的方圆形。

您可以使用从 0% 到 100% 的值调整平滑度，或使用 system-ui 值以匹配操作系统的样式（macOS 上为 60%，否则为 0%）。此设计增强功能可应用于边框、轮廓和阴影，为您的应用增添一层精致感。

提示

在 @clavin 的 RFC 0012 中阅读更多关于 Electron 方圆实现的信息。该文档更详细地介绍了动机和技术实现。

最初的设计灵感来自 Figma 的圆角平滑实现。在“苦寻方圆”中阅读更多关于他们追求平滑圆角的故事。

技术栈变化​

Electron 37 将 Chromium 从 136.0.7103.48 升级到 138.0.7204.35，并将 V8 从 13.6 升级到 13.8。

谷歌编程之夏开始​

我们的两位谷歌编程之夏贡献者已经开始了该项目的编码期！

  • @nilayarya 正在 Electron 核心中构建一个新的保存/恢复窗口状态 API。新 API 将提供一种内置的、标准化的方式来处理窗口状态持久化。请在 electron/rfcs#16 查看 Nilay 正在进行的 RFC。
  • @hitarth-gg 正在努力使用 Chrome Manifest V3 API 现代化长期休眠的 Devtron 扩展。该项目将为开发者提供工具，用于调试 IPC 通信、跟踪事件监听器以及可视化其 Electron 应用中的模块依赖。

对于我们的谷歌编程之夏参与者来说，这是激动人心的几周，请继续关注更多更新！

新功能和改进​

  • 为 window.open 添加了 innerWidth 和 innerHeight 选项。 #47039 (也包含在 35, 36)
  • 添加了 before-mouse-event 以允许在 webContents 中拦截和阻止鼠标事件。 #47364 (也包含在 36)
  • 为 ServiceWorkerMain 添加了 scriptURL 属性。 #45863
  • 为 macOS >= 14.4 上的菜单添加了 sublabel 功能。 #47042 (也包含在 35, 36)
  • 添加了对 HIDDevice.collections 的支持。 #47483 (也包含在 36)
  • 添加了对 --no-experimental-global-navigator 标志的支持。 #47418 (也包含在 35, 36)
  • 在 Linux X11 上添加了对 screen.dipToScreenPoint(point) 和 screen.screenToDipPoint(point) 的支持。 #46895 (也包含在 35, 36)
  • 在 macOS 上添加了对菜单项角色 palette 和 header 的支持。 #47245
  • 添加了对 node 选项 --experimental-network-inspection 的支持。 #47031 (也包含在 35, 36)
  • 暴露了 win.isContentProtected()，允许开发者检查窗口保护状态。 #47310 (也包含在 36)

破坏性变更​

实用进程未处理拒绝行为变更​

实用进程现在将在发生未处理的拒绝时发出错误消息警告，而不是崩溃进程。

要恢复以前的行为，您可以使用

process.on('unhandledRejection', () => {
  process.exit(1);
});

行为变更：process.exit() 同步终止实用进程​

在实用进程中调用 process.exit() 现在将同步终止实用进程。这使得 process.exit() 的行为与 Node.js 的行为保持一致。

请参阅 Node.js 文档和 PR #45690，以了解其潜在影响，例如在 process.exit() 之前调用 console.log() 时。

行为变更：WebUSB 和 WebSerial 黑名单支持​

WebUSB 和 Web Serial 现在支持 Chromium 使用并分别在其规范中概述的 WebUSB 黑名单和 Web Serial 黑名单。

要禁用这些，用户可以传递 disable-usb-blocklist 和 disable-serial-blocklist 作为命令行标志。

已移除：ProtocolResponse 中 session 属性的 null 值​

此已弃用功能已被移除。

此前，将 ProtocolResponse.session 属性设置为 null 会创建一个随机的独立会话。这不再受支持。

由于开销成本，不建议在此处使用单用途会话；但是，需要保留此行为的旧代码可以通过使用 session.fromPartition(some_random_string) 创建一个随机会话，然后在 ProtocolResponse.session 中使用它来模拟此行为。

行为变更：Linux 上 BrowserWindow.IsVisibleOnAllWorkspaces()​

如果窗口当前不可见，BrowserWindow.IsVisibleOnAllWorkspaces() 在 Linux 上将返回 false。

对 34.x.y 版本的支持终止​

根据项目的支持策略，Electron 34.x.y 已达到支持终止期。建议开发者和应用升级到更新的 Electron 版本。

E37 (25 年 6 月)E38 (25 年 8 月)E39 (25 年 10 月)
37.x.y38.x.y39.x.y
36.x.y37.x.y38.x.y
35.x.y36.x.y37.x.y

接下来​

在短期内，您可以期待团队继续专注于跟进构成 Electron 的主要组件（包括 Chromium、Node 和 V8）的开发。

您可以在此处找到 Electron 的公开时间表。

有关未来更改的更多信息，请参阅计划的破坏性变更页面。