这两天被个奇奇怪怪的问题困扰,页面加载Dom结构后发现结构与预期不符,并且只有谷歌浏览器出现了这个问题,然后逐一排查,引用的各个js文件被屏蔽个精光弄成静态页面发现还是找不到问题所在,监测了下发现加载了谷歌浏览器翻译插件的相关js,然后把谷歌浏览器的翻译禁用掉,刷新看了下,问题解决。真坑,你翻译把innerText改了不就行了,非得插入个<font>
原结构
![]()
谷歌翻译插件处理后的结构

被翻译插件插入<font>节点后导致原绑定的事件失效。
博主在页面加载DOM结构时遇到与预期不符的问题,仅在谷歌浏览器中出现。排查过程中发现谷歌翻译插件修改了DOM结构,插入<font>节点,导致事件绑定失效。禁用翻译插件后,问题得以解决。
这两天被个奇奇怪怪的问题困扰,页面加载Dom结构后发现结构与预期不符,并且只有谷歌浏览器出现了这个问题,然后逐一排查,引用的各个js文件被屏蔽个精光弄成静态页面发现还是找不到问题所在,监测了下发现加载了谷歌浏览器翻译插件的相关js,然后把谷歌浏览器的翻译禁用掉,刷新看了下,问题解决。真坑,你翻译把innerText改了不就行了,非得插入个<font>
原结构
![]()
谷歌翻译插件处理后的结构

被翻译插件插入<font>节点后导致原绑定的事件失效。