Chrome DevTools

检查 DOM、CSS、网络、存储和运行时性能，是前端排查问题的主工具。

核心说明

Chrome DevTools 是观察浏览器行为的主要工具。Elements、Console、Network、Performance 和 Lighthouse 分别回答不同问题，先明确问题再选面板。

关键点

• 用 Elements 检查最终 DOM 和计算样式。
• 用 Network 区分请求未发出、请求失败和响应内容错误。
• 保留复现条件，避免只凭一次刷新下结论。