Angular12项目中Crisp检测到原生JS方法垫片的问题求助

• 定位垫片来源
  先找到修改Object.prototype.toString的源头：

  • 全局搜索项目代码中的Object.prototype.toString =或Object.defineProperty(Object.prototype, 'toString'，排查是否是项目自身代码直接修改了该方法。
  • 用浏览器控制台验证：执行console.log(Object.prototype.toString.toString())，原生方法会返回function toString() { [native code] }，如果是被修改过的，会显示具体的自定义函数代码。
  • 借助Chrome DevTools断点：给Object.prototype.toString设置断点，刷新页面后查看调用栈，顺着调用链路找到修改该方法的代码位置，就能定位到对应的依赖库或代码块。

• 替换或移除不必要的垫片

  • 若为项目自身代码修改：尽量避免直接修改原生原型链，将自定义逻辑封装为独立工具函数（比如customToString(obj)），替代对Object.prototype.toString的修改。
  • 若为依赖库导致：
    • 检查core-js版本：Angular 12默认依赖的core-js旧版本可能包含冗余polyfill，尝试升级到适配Angular 12的最新稳定版（如3.x系列），新版本通常会移除不必要的原生方法垫片。
    • 调整polyfill配置：打开src/polyfills.ts，查看是否手动引入了core-js/es/object/to-string这类polyfill，若有则注释掉，改用Angular自动按需引入的polyfill机制。
    • 排查第三方库：如果是UI库或工具库修改了原型链，查看该库的文档或社区issue，确认是否有已知问题，可考虑替换为同类无此问题的库，或联系作者修复。

• 无法移除垫片时的临时兼容方案
  若必须保留垫片，可在Crisp加载前临时恢复原生方法，待Crisp初始化完成后重新应用垫片：

  // 保存原生toString方法
  const nativeToString = Object.prototype.toString;
  // 临时恢复原生方法
  delete Object.prototype.toString;
  Object.prototype.toString = nativeToString;
  
  // 加载Crisp脚本
  (function(){
      const d = document;
      const s = d.createElement("script");
      s.src = "https://client.crisp.chat/l.js";
      s.async = 1;
      d.getElementsByTagName("head")[0].appendChild(s);
  })();
  
  // Crisp初始化完成后，重新应用自定义垫片（假设你的垫片函数为customToString）
  setTimeout(() => {
      Object.prototype.toString = customToString;
  }, 1000); // 根据实际情况调整延迟时间，确保Crisp加载完成
  

  注意：该方案需充分测试Crisp功能，避免出现兼容问题。

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