updatecallbackdone 是 promise，仅表示 update callback 同步执行完毕，不捕获异常、不保证渲染完成；错误需在回调内手动 try/catch。
View Transition 的 updateCallbackDone 是什么，它真能捕获 DOM 更新错误吗？
updateCallbackDone 不是错误捕获机制，而是一个 Promise，它只表示 transition 的 update callback（即你传给 document.startViewTransition() 的那个函数）已同步执行完毕——包括其中的 DOM 操作、await 等待，但**不保证 DOM 已完成渲染或 layout 完成，更不捕获运行时异常**。如果你在 update callback 里写了 throw new Error("boom")，这个错误会直接抛出，updateCallbackDone 不会吞掉它，也不会变成 rejected Promise。
常见误解是把它当 try/catch 替代品。实际上，它只是个“我执行完了”的信号，和 Promise.resolve() 类似，天生不会 reject。
想处理 DOM 更新中的错误，必须手动包裹 update callback
View Transition 本身不提供错误边界或自动重试。你要捕获 DOM 操作（比如 element.innerHTML = ...、appendChild()、框架 render 调用）中可能抛出的异常，唯一可靠方式是在传入的回调函数内部加 try/catch：
document.startViewTransition(() => {
try {
// 这里任何 DOM 操作都可能失败：节点被移除、innerHTML 解析失败、自定义元素报错等
document.getElementById("main").innerHTML = riskyTemplate;
} catch (err) {
console.error("DOM update failed:", err);
// 可选：回退到旧状态、显示 toast、上报错误
restorePreviousContent();
}
});
-
updateCallbackDone在try块执行完（无论成功或 catch 后）就 resolve，它不反映 catch 是否发生 - 如果 update callback 内部有
await，catch必须放在 async 函数内，或用.catch()链式处理 Promise - 注意：某些 DOM 异常（如
SecurityError写入 iframe、InvalidStateError操作已断开节点）只会在操作时抛出，不延迟到 paint 阶段
为什么不能依赖 updateCallbackDone 的 rejection？
因为它的类型定义就是 Promise<void></void>，且规范明确要求它始终 resolve —— 即使 update callback 抛错，浏览器也**不会**让它变成 rejected Promise。这是有意设计，避免 transition 生命周期被异常中断导致 UI 卡死或视觉撕裂。
- Chrome 115+ 和 Safari 17.4+ 均严格遵循此行为；Firefox 尚未实现 View Transition，无此 Promise
- 试图写
updateCallbackDone.catch(...)永远不会执行，它没有 rejection 路径 - 若误以为它可捕获错误，会导致静默失败：异常被忽略，UI 半途卡住，用户看不到内容更新
真正需要关注的“更新后”时机：用 transitionend 或 document.visibilityState 补位
updateCallbackDone 只管 JS 执行结束；但 DOM 是否真正可见、是否完成样式计算/布局/绘制，得靠其他信号。例如：
- 监听
document.body.addEventListener("transitionend", ...)（需配合 CSSview-transition-name）可确认动画帧结束，但不保证内容可交互 - 若担心更新后脚本执行失败（如组件
mounted钩子报错），应在 update callback 内部或后续requestAnimationFrame中检查关键节点是否存在、是否可点击 - 对 SSR/ hydration 场景，错误更可能发生在
updateCallbackDone之后的框架生命周期中，此时需靠框架自身的 error boundary（如 ReactErrorBoundary）而非 View Transition API
View Transition 是视觉过渡层，不是执行沙盒。DOM 更新的健壮性，终究要靠你写的那几行 JS 来兜底 —— 尤其是那些没被 try/catch 包住的隐式调用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
