三条脱敏行说明缺密码;页面仍无提示,所以还要补用户可见错误。
调试与质量 · 定位工具
控制台Console
控制台会在你触发一次真实操作后,按级别打出这次的日志和错误;它是开发期现场,不是生产证据。
先看见登录没反应,再让控制台长出这三行
左边是出问题的登录页,右边是这次操作的 Console。点登录后,info / warn / error 按级别出现;清空后行消失,页面却还是坏的。
第 0 步 · 打开工具先打开 Chrome 开发者工具 → Console。F12 或 ⌘⌥J(Windows Ctrl+Shift+J)
邮箱ada@studio.test
密码留空
!
点登录没反应用户看不见字段错误
Console
等待这次登录- 尚无输出。点登录后,新行按级别出现在这里。
控制台用来当场观察这次操作输出了什么。级别和 422 长在行上;清空后要再登录才能恢复,不能当生产证据。
知识点:开发期当场读,生产证据换日志
上面的工作台已经演示了核心关系,这里只给可复用的命名。
- 先打开 Console,再触发同一用户动作,新行才会出现。
- 按 info / warn / error 读级别;422 说明请求被拒绝,不是页面没发出。
- 清空后不留痕,不能当生产证据;脱敏后再交给结构化日志。
什么时候用、怎么用
本地开发、复现当下这一次操作时用控制台;线上追查同一 requestId 则换结构化日志。
- 入口:打开开发者工具的 Console,再点一次会出问题的按钮。
- 最短路径:打开面板 → 触发动作 → 读级别和状态码 → 看完就删或降级。
- 不要把密码、token 打进 console;发现明文立刻改成字段名。
正反例:同一空密码登录,只改证据留不留得住
目标都是看清 422 为什么发生。差别在于证据是当场读,还是误当成长期记录。
临时输出一清就没;明文凭据进控制台就是事故,不能当交接证据。
快速自测
登录点了没反应,Console 还是空的。第一步该做什么?
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。