mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4
469 字
1 分钟
Astro 本地预览验收清单:发布前用 15 分钟发现导航、资源与交互问题
2026-05-28

静态站点的错误通常很安静:构建可能成功,但导航项被配置过滤、某个分类在点击后才出现 404、移动菜单没有同步更新。发布前做一次短而固定的回归,比上线后靠读者反馈更可靠。

1. 先做静态诊断#

先运行项目提供的类型检查。它适合发现 Astro 模板、数据结构和导入错误,但不能证明浏览器中的菜单、外部图片或点击事件都正常。

./node_modules/.bin/astro check

将“0 errors”当作进入浏览器测试的门槛,而不是发布结论。

2. 选择关键路径而非随机浏览#

至少覆盖:首页导航、一个文章页、一个有筛选或下拉菜单的页面、404 页。导航改动要点击到目标 URL;卡片筛选要切换到所有类别;文章页要检查正文图片和站内链接。

3. 把失败记录成可复测条件#

例如“设备页 Apple 分类正常,但 OPPO 分类图片 404”比“设备页有问题”更有价值。记录 URL、触发操作、预期结果和实际结果,修复后用同样的路径复测。这样问题不会在下一次重构时以不同形式回来。

4. 再做生产构建#

本地开发服务器会实时编译,和生产构建并不完全相同。浏览器回归通过后再运行生产构建;如果环境限制阻断构建,要明确记录阻断原因,不能把未完成的构建说成已验证。

这套流程不需要复杂测试框架,但能覆盖个人博客最常见的发布事故。

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

Astro 本地预览验收清单:发布前用 15 分钟发现导航、资源与交互问题
https://levifree.dpdns.org/posts/astro-local-preview-regression-checklist/
作者
Levi
发布于
2026-05-28
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

目录