NavigateEvent：hasUAVisualTransition 属性

navigation.addEventListener("navigate", (event) => {
  // 有些导航，例如跨源导航，我们无法拦截。让浏览器正常处理这些导航。
  if (!event.canIntercept) {
    return;
  }

  // 不要拦截片段导航或下载。
  if (event.hashChange || event.downloadRequest !== null) {
    return;
  }

  event.intercept({
    handler() {
      // 获取新内容
      const newContent = await fetchNewContent(event.destination.url, {
        signal: event.signal,
      });

      // 用户代理不支持视图转换，或者用户代理本身已经提供了可视化的过渡（例如向后滑动）。无论哪种情况，都直接更新 DOM
      if (!document.startViewTransition || event.hasUAVisualTransition) {
        doSinglePageAppNav(newContent);
        return;
      }

      // 使用视图过渡更新内容
      document.startViewTransition(() => {
        doSinglePageAppNav(newContent);
      });
    },
  });
});