仅仅两个月之后，Astro 就迅速推出了令人瞩目的 4.0 版本。这一更新速度的惊人之快无疑展示了 Astro 团队的高效和创新能力。作为一个专为内容驱动型网站（包括博客、营销和电子商务网站）设计的 web 框架，Astro 始终致力于提升页面加载速度和优化搜索引擎的表现。让我们来看看这个版本有哪些新亮点：

Astro Dev Toolbar#

这是一款新的开发工具，用于增强本地浏览器开发体验。它可以在浏览器中检查页面，发现可访问性问题，并支持自定义应用和第三方工具的扩展。这个工具只在开发过程中出现在浏览器中，工具栏隐藏在页面底部，将鼠标悬停在附近，工具栏就会弹出。

• Inspect（检查）：高亮显示页面上的交互式 UI 组件，帮助开发者理解哪些元素是交互式的，哪些是静态 HTML。

• Audit（审计）：对页面进行一系列可访问性测试，立即捕捉没有文本的图片或配置错误的 ARIA 角色属性等问题。

国际化（i18n）路由#

• Astro 4.0 引入了新的国际化路由功能，帮助开发者构建全球可访问的网站，减少编码复杂性。
• 特性包括自动国际化路由、用于处理 URL 的低级助手函数等。
• 支持通过配置文件定义地区设置，包括默认地区、可用地区等。
• 提供内容不可用时的备选方案、URL 中地区名称的前缀行为、常见地区和语言代码的别名等自定义行为。

增量内容缓存（实验性功能）#

• 用于显著加快大型网站的构建性能，总构建时间缩短 80%。
• 通过缓存减少命令内部的重复、不必要的工作。
• 与 Content Collections API 结合使用，Astro 可以跟踪集合内部的更改，并在每次构建时检查缓存，重用未更改的内容条目。

新的视图转换 API（View Transition APIs）#

• Astro 3.0 首次引入了视图转换，Astro 4.0 进一步扩展了这一功能，提供了更多可配置的 API 和新的使用场景。
• 支持与静态 HTML 表单和动态客户端表单组件交互，以及在表单提交时触发转换。
• 提供预取链接功能，例如在悬停、点击或页面上可见时预取链接。
• 内置的路由通告功能，以及可以用于手动触发导航的低级 JavaScript API。
• 完整的生命周期事件系统，可用于自定义加载过程，甚至可以用自己的算法替换内置的元素交换算法。

重设计的日志和文档#

• Astro CLI 在 4.0 版本中经过重新设计，提供了更清晰的日志体验。
• 删除了不必要的日志，错误消息更简洁，堆栈跟踪也更加精炼。
• Astro 的文档现在由 Starlight 提供支持，包括所有最佳实践和模式。

Astro 4.0 现已在 npm 上可用，您可以访问https://astro.new/直接在浏览器中尝试 Astro 4.0，或在终端运行以下命令来开始一个新项目：

npm create astro@latest

大多数现有代码库可以无障碍升级到 Astro 4.0。此版本设计上尽量减少了 API 的变化，大部分变化发生在集成 API 上。