返回知识库

调试与质量 · 定位工具

控制台Console

控制台会在你触发一次真实操作后,按级别打出这次的日志和错误;它是开发期现场,不是生产证据。

先看见登录没反应,再让控制台长出这三行

左边是出问题的登录页,右边是这次操作的 Console。点登录后,info / warn / error 按级别出现;清空后行消失,页面却还是坏的。

第 0 步 · 打开工具先打开 Chrome 开发者工具 → Console。F12 或 ⌘⌥J(Windows Ctrl+Shift+J)
NOVA ACCOUNT登录后继续结账
邮箱ada@studio.test
密码留空
!

点登录没反应用户看不见字段错误

Console
等待这次登录
  • 尚无输出。点登录后,新行按级别出现在这里。

还没有可交接的行先打开控制台,再触发同一登录。原因:Console 不会自己长出事件。

控制台用来当场观察这次操作输出了什么。级别和 422 长在行上;清空后要再登录才能恢复,不能当生产证据。

知识点:开发期当场读,生产证据换日志

上面的工作台已经演示了核心关系,这里只给可复用的命名。

  • 先打开 Console,再触发同一用户动作,新行才会出现。
  • 按 info / warn / error 读级别;422 说明请求被拒绝,不是页面没发出。
  • 清空后不留痕,不能当生产证据;脱敏后再交给结构化日志。

什么时候用、怎么用

本地开发、复现当下这一次操作时用控制台;线上追查同一 requestId 则换结构化日志。

  • 入口:打开开发者工具的 Console,再点一次会出问题的按钮。
  • 最短路径:打开面板 → 触发动作 → 读级别和状态码 → 看完就删或降级。
  • 不要把密码、token 打进 console;发现明文立刻改成字段名。

正反例:同一空密码登录,只改证据留不留得住

目标都是看清 422 为什么发生。差别在于证据是当场读,还是误当成长期记录。

正例点登录后读到 422,看完清空

三条脱敏行说明缺密码;页面仍无提示,所以还要补用户可见错误。

反例清空后以为「没发生过」,或把密码打进 console

临时输出一清就没;明文凭据进控制台就是事故,不能当交接证据。

快速自测

登录点了没反应,Console 还是空的。第一步该做什么?

继续查证

术语的技术定义和行为以这些一手或权威资料为准。

下一步学

和本知识点经常一起出现的概念。