谷歌翻译导致的 React 页面崩溃

问题分析

谷歌翻译会修改 DOM 结构,导致 React 虚拟 DOM 对比失败。

解决方案

1. 添加 translate="no" 属性
2. 使用 MutationObserver 监听 DOM 变化
3. 在关键组件上禁用翻译

经验总结

第三方插件可能会对应用造成意想不到的影响,需要做好防御性编程。