开发者工具
Developer Tools
前端工程也叫：DevTools、F12、控制台、检查元素
一句话：浏览器内置的调试面板，按 F12 打开，可以查看页面结构、样式、报错信息和网络请求。
详细解释
开发者工具像汽车的仪表盘加故障诊断仪。按 F12 或右键选「检查」就能打开，新手最常用这几个面板：
Elements（元素） 查看 DOM 结构和每个元素生效的 CSS，还能临时改样式试效果；Console（控制台） 显示 JavaScript 报错和打印信息；Network（网络） 查看每个请求的地址、状态码和返回数据；Application（应用） 查看 localStorage、Cookie 等本地存储。点工具栏里的手机图标还能模拟手机屏幕。
遇到问题时，把控制台的报错原文、Network 里失败请求的状态码和返回内容一起发给 AI，比只说「页面不对」有用得多。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
点击保存后提示失败。控制台报错如下：（粘贴报错）；Network 面板里 /api/profile 请求的状态码是 422，返回内容是：（粘贴返回）。请据此判断是前端传参问题还是后端问题，并给出修改。