web-fixing

快速概览

系统化修复网页和前端界面问题，四阶段调试方法论高效定位根本原因。

核心铁律：修复根因而非表面 → 每次只改一个问题 → 修复后必须验证

阶段 0：工具检测（可选）

开始修复前，根据项目需要检测可用工具：

• 内置：Chrome DevTools（F12）、Lighthouse
• 可安装：npx playwright install --with-deps（端到端测试）、npm i -D web-vitals（性能监控）
• OpenClaw 工具：browser snapshot/screenshot、web_fetch、read/edit/write

阶段 1：根因分析

在尝试任何修复之前，必须完成以下步骤：