如何定位Lighthouse检测到的未指明详情的废弃API？

可以通过以下几个步骤精准定位问题：

• 查看Lighthouse完整报告细节：在Lighthouse检测结果页，找到「废弃API」的提示条目，点击展开（通常是下拉箭头或「查看详情」按钮），里面会明确列出涉及的API名称、调用栈及代码位置。如果当前界面未显示，检查是否有隐藏的详情区域。
• 用Chrome DevTools追踪警告：
  1. 打开Chrome浏览器访问cleanwithpristine.net，按F12打开DevTools
  2. 切换到Console面板，在过滤框输入Deprecation
  3. 刷新页面，所有废弃API的调用警告会被筛选出来，每条警告包含API名称、调用的文件路径和代码行号
• 排查第三方脚本：网站引入的第三方工具（统计代码、广告插件、客服系统等）是废弃API的常见来源，可通过逐一禁用排查：
  1. 在DevTools的Network面板勾选「Disable cache」，右键点击第三方脚本选择「Block request URL」
  2. 刷新页面后重新运行Lighthouse，若不再提示废弃API，说明被禁用的脚本就是问题源头，联系服务商更新或替换该脚本
• 扫描本地代码：如果能访问网站源代码，搜索常见废弃API关键词（如document.write、Navigator.userAgent旧用法、XMLHttpRequest过时属性等），结合DevTools的调用栈定位具体代码段

内容的提问来源于stack exchange，提问作者Jason Howard