SOFTWARE / NOTE
Chrome DevTools
Chrome · 站内原创整理
检查 DOM、CSS、网络、存储和运行时性能,是前端排查问题的主工具。
核心说明
Chrome DevTools 是观察浏览器行为的主要工具。Elements、Console、Network、Performance 和 Lighthouse 分别回答不同问题,先明确问题再选面板。
关键点
- 用 Elements 检查最终 DOM 和计算样式。
- 用 Network 区分请求未发出、请求失败和响应内容错误。
- 保留复现条件,避免只凭一次刷新下结论。
资料来源 在官方文档中核验:Chrome ↗