google翻译引发的乱码bug

时间 2019-11-07

标签 google 翻译引发乱码 bug 栏目 Google 繁體版

原文原文链接

1，bug现象

最近在开发过程当中，发现，输入框莫名其妙的会有乱码的问题。并且这个乱码问题，偶尔有偶尔没有。html

乱码的表现就是数据被不少<font style='vertical-align:inherit'></font>标签包裹。json

咱们的数据是从后台拉取的，而后给用户编辑。最开始出现乱码的时候，我一度怀疑是被代码注入了。后来查看后端接口，发现端口返回的数据是正常的，并且是json格式的，这种状况下很难出现代码注入的。后端

接着我又怀疑是插件的问题，咱们使用的jqGrid插件，可是把插件的源代码都翻了一遍，也没在代码里找到font这个标签，因此也敢确定不是插件引发的。浏览器

后来灵光一闪，一百度才发现，应该是google翻译引发的。google

要解决这个bug就要禁用google翻译，网上已经有方法了。说是要添加meta标签。，spa

<meta name="google" content="notranslate" />
复制代码

亲测，mete标签，也许能禁止浏览器自动梵音，可是你要是选择手动翻译（右键-翻译成简体中文）这个方法还无论用，仍是会形成乱码。这样子，咱们仍是不能杜绝客户误操做这种状况。插件

google了好久，终于找到一个合适的方法。就是在你不能翻译的元素上添加一个class，class名为‘notranslate’。我是直接添加到body上了。亲测有效，即便手动翻译都不会添加乱码了。翻译

<body id="innerBody" class="notranslate">code