用控制台和网络面板定位问题

很多前端问题不需要先看代码，浏览器工具已经能给出方向。控制台告诉你脚本错误和警告，网络面板告诉你请求是否发出、状态码是什么、响应内容是什么、资源是否加载成功。先看这些信息，能避免大量无效猜测。

一、控制台看脚本和运行时异常

页面白屏时，第一步通常是看控制台。语法错误、模块加载失败、运行时异常、跨域错误都会出现在这里。不要只看最后一行错误，堆栈、文件名、行号和触发操作都很重要。如果错误被框架包装过，要继续向上找到真正的业务调用位置。

二、网络面板看请求事实

接口问题要看请求有没有发出，URL 是否正确，方法是否正确，状态码是什么，响应体里有没有业务错误。很多时候前端以为后端没返回，其实是请求被浏览器拦截、预检失败、路径错了，或者响应被前端解析逻辑丢掉。

三、资源加载也会造成页面异常

CSS、字体、图片、脚本资源失败，可能导致页面错位、图标缺失、交互不可用。网络面板里的 404、缓存状态、资源类型和加载耗时都值得看。对于线上问题，还要注意是否命中了旧缓存或错误环境的构建产物。

• 白屏先看控制台错误和资源加载失败。
• 接口问题先看请求 URL、状态码和响应体。
• 跨域、预检和重定向要在网络面板确认。
• 线上异常要检查缓存和构建版本是否一致。

控制台和网络面板是前端排查的第一现场。把这些事实读清楚，再看源码会更有方向。