代码语言

知识点思维导图

17 个知识节点

Electron(03) - 窗口、菜单与系统能力

读完后,你应能完成以下任务:

  • 绘制“Electron(03) - 窗口、菜单与系统能力 / 窗口是有生命周期的资源”的关键对象与数据流,解释“多窗口应用不能只保存一个全局变量。”,并用源码位置、日志或 Trace 标注证据。
  • 为“Electron(03) - 窗口、菜单与系统能力 / 菜单是命令入口,不是静态装饰”设计正常与异常输入,验证“macOS 第一项是应用菜单并保留 About、Services、Hide、Quit 等平台角色;”,输出首个偏差位置与回归测试结果。
  • 实现“Electron(03) - 窗口、菜单与系统能力 / 系统能力统一走授权层”的最小代码或配置,检验“主进程负责校验内容、记录审计并调用 clipboard.writeText。”,输出命令、结果与 Diff,并说明不适用边界。

一、先建立全局:窗口、菜单与系统能力 是什么?

理解“窗口、菜单与系统能力”,先要把标题中的对象放进同一条处理链:它接收什么输入,经过哪些状态变化,最终用什么证据判断结果。下表不另造概念,只把作者正文已经解释的章节按依赖顺序连起来。

“窗口、菜单与系统能力”的第一个核心判断是:多窗口应用不能只保存一个全局变量。。先弄清这个判断中的对象和输入输出,后面的实现、故障和验收才有共同语境。

顺序 章节 读完本节应抓住的结论
1 窗口是有生命周期的资源 多窗口应用不能只保存一个全局变量。
2 菜单是命令入口,不是静态装饰 macOS 第一项是应用菜单并保留 About、Services、Hide、Quit 等平台角色;
3 系统能力统一走授权层 主进程负责校验内容、记录审计并调用 clipboard.writeText。
4 失败边界与验收 shell.openExternal 接受任意协议可能触发危险本地处理器,必须使用 allowlist。
5 每类窗口要定义唯一性、父子关系、关闭语义和恢复策略 每类窗口要定义唯一性、父子关系、关闭语义和恢复策略:设置窗口通常只允许一个实例,
6 重复打开应聚焦 重复打开应聚焦;

1.1 核心对象之间怎样衔接

flowchart LR
  S1["窗口是有生命周期的资源"] --> S2
  S2["菜单是命令入口,不是静态装饰"] --> S3
  S3["系统能力统一走授权层"] --> S4
  S4["失败边界与验收"] --> S5
  S5["每类窗口要定义唯一性、父子关系、关闭语义和恢复策略"]

这张图只表达本文的讲解顺序,不替代正文机制。判断“窗口、菜单与系统能力”是否真正掌握,需要能从最后一个结果沿图回到前面每个章节的输入、状态变化和证据。

1.2 再看失败:问题最早会出现在哪一步?

在“窗口、菜单与系统能力”的对象和顺序已经明确后,再看可观察的失败:状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互。定位时不从最后一条错误猜原因,而是沿上图找第一个偏离正文结论的节点。

二、窗口是有生命周期的资源

多窗口应用不能只保存一个全局变量。 每类窗口要定义唯一性、父子关系、关闭语义和恢复策略:设置窗口通常只允许一个实例, 重复打开应聚焦; 编辑窗口可按文档 ID 复用; 模态窗口需要 parentmodal; 后台任务不应依赖隐藏窗口存活。

ready-to-show 可减少白屏,但复杂页面还要提供应用内骨架。 窗口外部链接应由 setWindowOpenHandler 拦截, 可信 HTTPS 域名才交给系统浏览器; 未知协议和站内导航必须拒绝。

import { BrowserWindow, shell } from 'electron'

/** 按业务键保存仍然存活的窗口。 */
const windowsByKey = new Map<string, BrowserWindow>()

/** 获取现有窗口或创建一个新的业务窗口。 */
export function openWorkspaceWindow(workspaceId: string): BrowserWindow {
  /** 当前工作区已经存在的窗口。 */
  const existingWindow = windowsByKey.get(workspaceId)

  if (existingWindow && !existingWindow.isDestroyed()) {
    existingWindow.focus()
    return existingWindow
  }

  /** 新创建的工作区窗口。 */
  const workspaceWindow = new BrowserWindow({ width: 1100, height: 760, show: false })
  windowsByKey.set(workspaceId, workspaceWindow)

  workspaceWindow.once('ready-to-show', () => workspaceWindow.show())
  workspaceWindow.once('closed', () => windowsByKey.delete(workspaceId))
  workspaceWindow.webContents.setWindowOpenHandler(({ url }) => {
    /** 页面请求打开的目标 URL。 */
    const targetUrl = new URL(url)
    if (targetUrl.protocol === 'https:' && targetUrl.hostname === 'docs.example.com') {
      void shell.openExternal(targetUrl.toString())
    }
    return { action: 'deny' }
  })

  void workspaceWindow.loadFile('index.html')
  return workspaceWindow
}

三、菜单是命令入口,不是静态装饰

菜单项应调用统一 command 层,键盘快捷键、应用菜单和右键菜单复用相同授权与状态判断。 macOS 第一项是应用菜单并保留 About、Services、Hide、Quit 等平台角色; Windows/Linux 通常从 File 开始。 优先使用 Electron role,它能提供正确标签、快捷键和原生行为。

菜单的 enabled/checked 状态来自当前聚焦窗口和文档状态。 不要在模板创建时把状态永久写死; 窗口切换、选区变化或权限变化后要重新同步。 全局快捷键会占用系统按键,注册失败必须可观测,并在退出时注销。

四、系统能力统一走授权层

通知、托盘、剪贴板、文件对话框、协议注册和电源事件都属于系统副作用。 页面只表达业务意图, 例如“复制分享链接”, 主进程负责校验内容、记录审计并调用 clipboard.writeText。 敏感剪贴板内容可设置过期清理,但不能假设一定能覆盖用户后续复制的数据。

托盘常驻会改变“关闭窗口”等于“退出应用”的预期,需要在首次关闭时明确提示。 通知要处理权限、点击回调和重复去重; 深链接协议要校验来源和参数,单实例锁确保链接不会被多个进程同时消费。

五、失败边界与验收

  • 窗口 Map 不在 closed 清理会产生悬挂引用和错误复用。
  • 无限制创建窗口会消耗大量内存,应按业务键去重并设数量上限。
  • 菜单命令直接操作当前窗口但未检查空值,在应用激活但无窗口时会异常。
  • shell.openExternal 接受任意协议可能触发危险本地处理器,必须使用 allowlist。
  • 开发环境正常的快捷键可能与目标操作系统冲突,需要真实平台验收。

验收矩阵应覆盖首次打开、重复打开、最小化、关闭、重新激活、多显示器和系统休眠恢复。 菜单需要键盘与鼠标两条路径, 系统能力则检查拒绝权限、无默认应用和 API 调用失败时是否有明确降级。

六、动手验证:先跑通 窗口、菜单与系统能力,再改变一个变量

前面的章节已经建立问题、概念和机制。现在把“窗口、菜单与系统能力”放进同一套基线中运行;本节不再引入新术语,只验证前文结论能否被复现。

6.1 基线与候选只允许一个变量不同

验证“窗口、菜单与系统能力”时,先固定运行时版本、页面状态、用户操作、权限设置和持久化数据。候选方案只能改变本次要验证的变量;如果同时更换数据、依赖和配置,即使结果改善,也不能知道是哪一项产生作用。

执行“窗口、菜单与系统能力”时,动作是:从用户事件回放渲染、进程通信或编辑器事务,覆盖成功与拒绝路径。原始结果不能只保留截图或汇总分数,必须同步保存:DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图,使下一次复查可以在同一输入上重放。

实验要素 本文要求
固定条件 固定运行时版本、页面状态、用户操作、权限设置和持久化数据
唯一变量 本次候选方案与基线之间的一项明确差异
原始证据 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
通过阈值 界面状态与数据状态一致,越权输入在产生副作用前被拒绝
立即停止 状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互

6.2 执行前先排除不可比较条件

“窗口、菜单与系统能力”开始前先确认下面四项;任一项不成立,都应先修复实验条件,而不是解释结果。

  • 基线能够在“窗口、菜单与系统能力”的当前环境重复运行。
  • 候选只改变一个与“窗口、菜单与系统能力”结论直接相关的条件。
  • “窗口、菜单与系统能力”的基线和候选使用同一批输入、同一版本依赖与同一通过阈值。
  • “窗口、菜单与系统能力”的原始输出和失败现场不会被重试、格式化或汇总覆盖。

6.3 执行后先核对证据完整性

结果出来后先检查证据,再讨论“窗口、菜单与系统能力”是否通过。缺少中间状态时,最终输出只能说明现象,不能证明机制。

检查项 当前文章的判定
输入可追溯 固定运行时版本、页面状态、用户操作、权限设置和持久化数据
过程可回放 从用户事件回放渲染、进程通信或编辑器事务,覆盖成功与拒绝路径
结果可审计 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图

“窗口、菜单与系统能力”的一次合格基线对照按以下顺序执行:

  1. 保存“窗口、菜单与系统能力”基线版本及输入摘要,确认基线本身可以重复运行。
  2. 写下“窗口、菜单与系统能力”候选方案唯一变化的变量,以及它预期影响的指标。
  3. 在同一环境执行“窗口、菜单与系统能力”:从用户事件回放渲染、进程通信或编辑器事务,覆盖成功与拒绝路径。
  4. 为“窗口、菜单与系统能力”保存:DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图。
  5. 使用“窗口、菜单与系统能力”预登记条件判断:界面状态与数据状态一致,越权输入在产生副作用前被拒绝。
  6. 如果“窗口、菜单与系统能力”未通过,不修改第二个变量,先恢复基线并保留失败现场。

七、用一张矩阵验证 窗口、菜单与系统能力 的关键结论

矩阵按正文顺序列出“窗口、菜单与系统能力”的结论。一次实验只选择一行,只改变这一行对应的条件;不要把多行合并成一个无法归因的大实验。

正文章节 已解释的结论 本轮唯一变量 必须保存的证据
窗口是有生命周期的资源 多窗口应用不能只保存一个全局变量。 只改变与“窗口是有生命周期的资源”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
菜单是命令入口,不是静态装饰 macOS 第一项是应用菜单并保留 About、Services、Hide、Quit 等平台角色; 只改变与“菜单是命令入口,不是静态装饰”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
系统能力统一走授权层 主进程负责校验内容、记录审计并调用 clipboard.writeText。 只改变与“系统能力统一走授权层”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
失败边界与验收 shell.openExternal 接受任意协议可能触发危险本地处理器,必须使用 allowlist。 只改变与“失败边界与验收”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
每类窗口要定义唯一性、父子关系、关闭语义和恢复策略 每类窗口要定义唯一性、父子关系、关闭语义和恢复策略:设置窗口通常只允许一个实例, 只改变与“每类窗口要定义唯一性、父子关系、关闭语义和恢复策略”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图
重复打开应聚焦 重复打开应聚焦; 只改变与“重复打开应聚焦”相关的条件 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图

7.1 记录本次实际实验

下面的记录用于“窗口、菜单与系统能力”当前这一次实验,不是第二套知识目录。先从矩阵选择一个章节,再填写实际值;没有填写的字段表示尚未验证。

topic: "窗口、菜单与系统能力"
selected_chapter: required
claim_from_article: required
baseline_version: required
changed_condition: exactly_one
execution: "从用户事件回放渲染、进程通信或编辑器事务,覆盖成功与拒绝路径"
evidence: "DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图"
pass_when: "界面状态与数据状态一致,越权输入在产生副作用前被拒绝"
stop_when: "状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互"
observed_result: required
first_deviation: null_or_evidence
recovery_replay: required_after_failure

7.2 边界实验必须证明能够停止和恢复

成功路径只能证明“窗口、菜单与系统能力”在当前样本上工作,不能证明它可以进入生产。边界实验需要主动制造:状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互,并观察系统是否在产生不可逆副作用前停止。

场景 只改变什么 应保存什么 通过标准
正常路径 使用已知有效输入 DOM 断言、事件序列、事务步骤、IPC 记录、控制台和页面截图 界面状态与数据状态一致,越权输入在产生副作用前被拒绝
边界路径 把一个输入推进到约束临界值 临界值前后的输出与指标 不静默降级,不把部分结果冒充成功
明确失败 注入:状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互 原始错误、首个异常阶段和最终状态 失败被正确分类且没有扩大副作用
恢复重放 执行:按事件、状态、渲染或进程边界定位第一处偏差并重放 原失败样本的复测证据 原样本恢复,正常样本没有回归

恢复动作不是简单重启。对于“窗口、菜单与系统能力”,第一步是:按事件、状态、渲染或进程边界定位第一处偏差并重放。完成后使用原始失败样本复测;只验证一个新样本成功,不能证明触发条件已经消失。

“窗口、菜单与系统能力”边界实验结束后,应把正常、临界、失败和恢复四类记录放在同一个运行批次中。这样才能区分“候选方案真的修复问题”和“环境变化让问题暂时没有出现”。

八、窗口、菜单与系统能力 的结果解释

解释“窗口、菜单与系统能力”实验时先看首个偏差,而不是最后一条错误。最后的异常通常只是上游状态错误的结果;从末端反推容易误把症状当根因。

观察结果 可以支持的判断 下一步
主链路没有达到预期 状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互 先执行:按事件、状态、渲染或进程边界定位第一处偏差并重放
异常链路无法恢复 状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互 先执行:按事件、状态、渲染或进程边界定位第一处偏差并重放
新样本成功但原样本仍失败 修复没有覆盖原始触发条件 固定原失败输入,恢复基线后重新比较
指标改善但证据无法回链 数据、版本或中间状态没有固定 暂停发布,补齐可追溯记录后重跑

“窗口、菜单与系统能力”只有同时满足“界面状态与数据状态一致,越权输入在产生副作用前被拒绝”,并且没有出现“状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互”,才可以认为主链路通过。这里的“通过”只对当前固定版本、样本和环境有效,不能外推到尚未测试的容量、权限或数据分布。

如果“窗口、菜单与系统能力”候选方案与基线差异很小,先检查证据分辨率是否足够;如果差异很大,先排除数据泄漏、环境漂移和版本不一致。两种情况都不能只看一个汇总均值,需要回到逐样本输出和中间状态。

“窗口、菜单与系统能力”故障定位完成后,记录“现象、首个偏差、根因、改动、原样本复测”五项。缺少原样本复测时,只能标记为待观察,不能标记为已解决。

九、窗口、菜单与系统能力 的发布判断

发布判断需要把“窗口、菜单与系统能力”的质量、失败边界和恢复能力放在同一份记录中。以下任一条件缺失,都应停止扩量,而不是用“基本正常”替代证据。

  • “窗口、菜单与系统能力”的基线与候选只存在一个计划内变量。
  • “窗口、菜单与系统能力”的输入、代码、依赖、配置和数据版本可以追溯。
  • “窗口、菜单与系统能力”的正常、临界、失败和恢复样本使用同一套断言。
  • “窗口、菜单与系统能力”的原始输出、中间状态和失败现场已经保留。
  • “窗口、菜单与系统能力”的日志、Trace、截图和测试数据已经脱敏。
  • “窗口、菜单与系统能力”的停止条件、负责人和回滚入口已经演练。
  • “窗口、菜单与系统能力”尚未覆盖的输入、权限、容量和外部依赖已经登记。

最终记录至少包含基线版本、唯一变量、原始证据、首个偏差、恢复复测和发布责任人。没有参与本次修改的人如果不能据此重放“窗口、菜单与系统能力”的判断,就不能发布。

十、总结

  • 窗口是有生命周期的资源:多窗口应用不能只保存一个全局变量。
  • 菜单是命令入口,不是静态装饰:macOS 第一项是应用菜单并保留 About、Services、Hide、Quit 等平台角色;
  • 系统能力统一走授权层:页面只表达业务意图,例如“复制分享链接”,主进程负责校验内容、记录审计并调用 clipboard.writeText。
  • 失败边界与验收:shell.openExternal 接受任意协议可能触发危险本地处理器,必须使用 allowlist。

学完自测

选择所有正确答案;提交后逐项核对判断依据。

1在“窗口、菜单与系统能力”中,需要同时满足“先建立全局:窗口、菜单与系统能力 是什么?”与“核心对象之间怎样衔接”。给定正文约束“下表不另造概念,只把作者正文已经解释的章节按依赖顺序连起来。”,哪些判断保持了原有处理机制?多选
2“窗口、菜单与系统能力”出现偏差:“在“窗口、菜单与系统能力 / 再看失败:问题最早会出现在哪一步?”中,即使不满足“状态不同步、事件重复、事务丢失、IPC 越权或页面不可交互”,结果与副作用仍会保持不变。”已成为实际行为。围绕“再看失败:问题最早会出现在哪一步?”与“窗口是有生命周期的资源”,哪些判断能定位被改变的职责或边界?多选
3评审“窗口、菜单与系统能力”方案时,验收条件包含“菜单项应调用统一 command 层,键盘快捷键、应用菜单和右键菜单复用相同授权与状态判断。”。关于“菜单是命令入口,不是静态装饰”与“系统能力统一走授权层”的哪些决策符合正文机制?多选