Console：不只是打印日志
除 console.log 外，console.table 把数组对象渲染成表格，看数据结构一目了然；console.time / timeEnd 给代码段计时，快速判断性能瓶颈；$0 变量指代当前选中的元素，配合调试很方便。控制台里还能直接写 JS 操作页面，验证逻辑不用刷新整个页面。
Network：请求的完整画像
Network 面板按请求列表展示每个请求的状态、耗时、大小。重点看三处：Status 非 2xx 说明接口异常；Waterfall 时间线能看出是等待服务器（TTFB 长）还是下载慢（Content Download 长）；Preview / Response 直接看接口返回的 JSON，排查数据问题最快。
实用小技巧
- Preserve log：勾选后刷新页面不清空日志，定位跳转类问题必备。
- Filter 按类型筛选：只看 XHR/Fetch，聚焦接口请求。
- 右键 Copy as cURL：把请求复制成 curl 命令，在终端里复现接口，方便调试鉴权与参数。
- Throttling 模拟慢网：选择 Slow 3G 模拟弱网，验证加载与降级逻辑。
结合 Sources 断点调试
数据对、DOM 不对时，到 Sources 面板给 JS 打断点，逐步执行观察变量变化；配合 Watch 表达式监控关键值，比到处加 log 高效得多。调试是排查过程，先确认「数据层没问题」再查「渲染层」，能快速缩小问题范围。