Lighthouse DevTool最佳实践显示"..."弃用警告，无法拿满分求助

警告含义 #

你看到的这个Lighthouse警告，是因为网站使用了浏览器已标记为废弃的Web技术特性——可能是废弃的JavaScript API、CSS属性、HTML标签，或是其他Web标准中不再推荐使用的语法。这类特性不符合现代Web开发最佳实践，不仅会拉低Lighthouse最佳实践分数，还可能在未来浏览器版本中被移除，导致网站功能异常。

修复步骤 #

1. 定位具体废弃项
   展开Lighthouse报告中的该警告条目，查看详细的废弃特性名称（比如document.write()、旧版CSS前缀-webkit-box-flex、<center>标签等）。
2. 替换为标准替代方案
   根据具体废弃项，用当前Web标准支持的技术替换：
   • JavaScript：用fetch()替代XMLHttpRequest，用localStorage替代废弃的存储API；
   • CSS：用标准flex布局属性替代旧版的弹性盒前缀属性；
   • HTML：用<div>配合CSS样式替代<center>、<font>这类过时标签。
3. 验证修复结果
   修改完成后重新运行Lighthouse测试，确认警告消失；同时在主流浏览器（Chrome、Firefox、Edge等）中测试网站功能，确保兼容性不受影响。
4. 预防后续问题
   • 开发时使用ESLint、Stylelint等工具，提前检测代码中的废弃用法；
   • 定期关注Web标准更新，避免使用即将废弃的特性。

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