jrr996shujin-png 技术基础诊断模块
本模块负责检查网站的底层技术健康度，满分 20 分。
检查项
1. 死链扫描（5 分）
检查方法：
- 用
web_fetch获取目标页面 HTML - 提取页面中所有
<a href="...">链接 - 对内部链接逐一
web_fetch检查状态 - 记录返回 4xx/5xx 的链接
评分：
- 5 分：零死链
- 3 分：1-3 个死链
- 1 分：4-10 个死链
- 0 分：超过 10 个死链
输出格式：
状态：✅/⚠️/❌
死链数量：X 个（共检查 Y 个链接）
死链列表：
- [链接文本](URL) → 状态码 XXX
修复建议：移除或更新以上死链，设置合适的 301 重定向
2. 页面加载速度（5 分）
检查方法： 由于无法直接调用 PageSpeed Insights API，采用源码分析法：
- 检查 HTML 文件大小（
web_fetch响应体大小） - 统计外部资源引用数量（CSS、JS、字体文件）
- 检查是否有内联关键 CSS（
<style>标签在<head>中） - 检查图片是否使用懒加载（
loading="lazy"） - 检查是否有资源预加载提示（
<link rel="preload">） - 检查是否有未压缩的大型内联脚本
评分：
- 5 分：HTML < 100KB + 懒加载 + 资源优化良好
- 3 分：HTML < 300KB，有部分优化措施
- 1 分：HTML > 300KB 或缺少大多数优化
- 0 分：HTML > 500KB 且无任何优化
输出格式：
状态：✅/⚠️/❌
HTML 大小：XXX KB
外部资源数：CSS X 个, JS Y 个, 字体 Z 个
懒加载：是/否
资源预加载：是/否
关键 CSS 内联：是/否
修复建议：（具体建议）
3. 移动端适配（5 分）
检查方法：
- 检查是否有
<meta name="viewport" content="width=device-width, initial-scale=1"> - 检查 CSS 中是否使用媒体查询（
@media） - 检查是否使用响应式框架（Bootstrap、Tailwind 等的类名特征）
- 检查触摸目标大小提示（检查小按钮/链接是否有足够的 padding）
- 检查是否有
<meta name="format-detection">等移动端相关 meta
评分：
- 5 分：viewport 正确 + 有响应式设计信号
- 3 分：viewport 正确但响应式信号弱
- 1 分：viewport 缺失但有部分响应式设计
- 0 分：viewport 缺失且无响应式设计
输出格式：
状态：✅/⚠️/❌
Viewport 标签：有/无（内容：...）
响应式设计信号：媒体查询 X 处, 框架类名: ...
修复建议：（具体建议）
4. HTTPS 安全（5 分）
检查方法：
- 检查目标 URL 是否为 HTTPS
web_fetchHTTP 版本看是否有 301 重定向到 HTTPS- 检查页面中是否有混合内容（HTTP 资源引用在 HTTPS 页面中）
- 检查是否有 HSTS 相关的 meta 标签
- 检查表单 action 是否使用 HTTPS
评分：
- 5 分：HTTPS + HTTP→HTTPS 重定向 + 无混合内容
- 3 分：HTTPS 但有少量混合内容
- 1 分：HTTP 有重定向到 HTTPS 但有问题
- 0 分：仍在使用 HTTP，无 HTTPS
输出格式：
状态：✅/⚠️/❌
HTTPS：是/否
HTTP→HTTPS 重定向：是/否
混合内容：X 个（列出 HTTP 资源 URL）
修复建议：（具体建议）
汇总输出
完成所有 4 项检查后，输出本模块汇总：
## 技术基础 — 得分 X/20
| 检查项 | 得分 | 状态 |
|--------|------|------|
| 死链扫描 | X/5 | ✅/⚠️/❌ |
| 页面加载速度 | X/5 | ✅/⚠️/❌ |
| 移动端适配 | X/5 | ✅/⚠️/❌ |
| HTTPS 安全 | X/5 | ✅/⚠️/❌ |
关键发现：（1-2 句总结）
优先修复：（最重要的 1-2 项）