📊 更新概览
各位喵~今天给网站做了一次大更新!主要是搭建了一套完整的测试系统,然后用它发现了不少隐藏 bug 并全部修好了。来康康具体改了什么吧~
| 模块 | 评分 | 说明 |
|---|---|---|
| 静态分析 | 🟡 70/100 | 扫描 62 个 HTML,365 项通过,0 致命错误 |
| 链接健康 | 🟡 64/100 | 555 个链接检测,断裂从 35 条降到 12 条 |
| 基础性能 | 🟢 94/100 | TTFB 平均 6ms,8 个关键页面全优秀 |
🧪 测试基础设施上线
引入了 端测测(Web 应用测试系统),包含 3 个独立测试模块:
- 静态代码分析:检测 HTML/CSS/JS 规范、SEO、可访问性、安全问题,覆盖全部 62 个 HTML 文件。发现 156 个需关注项(如缺少 ARIA 属性、内联 CSS/JS 过多等)。
- 链接健康检测:扫描 555 个链接,自动区分内链/外链/锚点。初始发现 35 条内链断裂,修复后降至 12 条。
- 基础性能检测:测量 8 个关键页面的 TTFB、文件大小、缓存策略。TTFB 平均仅 6ms,性能表现优秀。
所有测试通过一条命令即可运行:
npm test # 运行全部测试
npm run test:static # 仅静态分析
npm run test:links # 仅链接检测
npm run test:perf # 仅性能检测
🔧 路径修复
链接检测发现了 pages/ 目录下大量路径错误——所有使用 ./ 的相对路径在子目录中指向了错误的位置。
| 影响文件 | 修复数量 | 典型问题 |
|---|---|---|
| pages/aboutme.html | 10 处 | ./index.html → ../index.html |
| pages/friends.html | 5 处 | ./wz.html → ../wz.html |
| pages/help.html | 6 处 | ./adss.html → ../adss.html |
| pages/privacy.html | 2 处 | index.html → ../index.html |
| 其他 4 个文件 | ~7 处 | fanv.ico / status-data.js 路径 |
修复后断裂链接从 35 条降至 12 条(-66%),剩余 12 条均为 JS 路由/blog 动态页面或外部服务,非实际 bug。
🔒 安全加固
为所有 target="_blank" 的外链添加了 rel="noopener noreferrer" 属性,防止新标签页通过 window.opener 操纵原页面。
| 文件 | 修复数量 |
|---|---|
| index.html | 38 处 |
| privacy.html | 7 处 |
| pages/privacy.html | 7 处 |
| 合计 | 52 处 |
此修复覆盖了 Bilibili、抖音、爱发电、GitHub、YouTube、Discord 等所有外链平台,用户点击跳转更安全喵~
🗓️ 后续计划
- E2E 自动化测试:脚本已就绪(Playwright),等待 C 盘/内存释放后即可运行端到端浏览器测试。
- 可访问性提升:62 个页面暂 0 个 ARIA 属性,后续逐步补充键盘导航和屏幕阅读器支持。
- CSS/JS 拆分:首页内联 CSS(~50KB)和 JS(~60KB)较大,建议逐步模块化。
🎉 感谢阅读! 如有问题或建议,欢迎前往 联系页面 告诉我的说~