排查浏览器ReferenceError: performance is not defined异常问题求助

错误原因 #

你遇到的这个怪异问题，核心原因是在部分异常浏览器/环境中，performance没有作为全局变量暴露，但window.performance是存在的。

正常浏览器中，全局变量会同时作为window的属性和全局作用域变量存在，但在一些特殊场景下（比如旧版嵌入式WebView、小众浏览器、用户自定义脚本篡改全局作用域），这种映射关系可能被破坏：window.performance能正常访问，但直接写performance会触发引用错误。

你的代码中先判断了window.performance，但后续又直接使用裸的performance，这就导致在上述异常环境中触发错误。

修复方案 #

直接把代码中所有裸的performance替换为window.performance，消除全局作用域依赖：

monitor(){window.performance && "undefined" != typeof window.performance && (/* actual body of the method */)}

更严谨的写法可以改成：

monitor() {
  if (typeof window !== 'undefined' && typeof window.performance !== 'undefined') {
    // 原方法逻辑
  }
}

调试排查方法 #

• 收集环境数据：在错误上报中添加额外上下文，比如报错时的typeof window、'performance' in window、typeof window.performance值，以及具体的User Agent、页面URL、用户操作路径，帮助定位触发错误的特定环境。
• 针对性测试：根据收集到的高频UA，用浏览器模拟器（如Chrome DevTools设备模拟）或跨浏览器测试工具，模拟对应环境复现问题。
• Svelte专属调试：用Svelte的错误边界（Error Boundaries）包裹相关组件，捕获错误并收集组件层面的上下文信息，排查是否是组件渲染时机或作用域导致的问题。
• 检查打包配置：确认Svelte打包过程中是否有代码压缩/混淆导致的变量名冲突，比如是否有插件误将performance重命名为未定义的变量。

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