WordPress部分文章页为什么会自动添加一段div id=gtx-trans代码？

更新于 2022-07-27 10:27:14首发于 2022-07-27 10:27:14215

今天无意间发现WordPress部分文章页后面被自动添加了一段<div id=”gtx-trans”代码，有些站点只有几篇文章有这个代码，有些站点有几十篇甚至几百篇不等都有这个代码。具体被自动添加的代码如下：

<div id="gtx-trans" style="position: absolute; left: 35px; top: 72px;">
<div class="gtx-trans-icon"></div>
</div>

注意：每篇文章后面被添加的以上代码基本类似，唯一不一样的就是 left和top的值。

WordPress站点进入文章编辑页面，在经典编辑器切换到“文本”模式即可在文章最后面看到以上这段代码。具体如下图所示：

WordPress部分文章页为什么会自动添加一段div id=gtx-trans代码？-第1张-boke112百科(boke112.com)

boke112百科原本以为是自己的站点存在这个问题，没想到在网上搜索一下发现有很多站点都有这个问题，而且好像不限于WordPress站点，其他类型的站点也会被自动添加这段代码。具体如下图所示：

WordPress部分文章页为什么会自动添加一段div id=gtx-trans代码？-第2张-boke112百科(boke112.com)

据了解，这个被自动添加的代码并不是我们站点被他人恶意添加，而是因为使用谷歌浏览器Chrome并且安装有谷歌翻译这个插件，而谷歌翻译插件是以小图标形式激活，所以在我们编辑文章或者复制文字粘贴到编辑器的时候就有可能会自动在我们文章最后添加这段没有内的<div id=”gtx-trans”代码。

正常情况下，这个自动添加的代码对我们站点没有影响，部分站点可能会影响排版或者移动端文章页会出现左右空白之类的，所以如果想要解决这个问题只有两种办法：

1、在WordPress后台所有文章中搜索“gtx-trans”，找到含有这段代码的文章，然后编辑该文章删除该段代码，最后更新该篇文章即可。（PS：因为这段代码的left和top值都不一样，所以没有办法批量删除）

2、直接在我们站点的CSS文件如style.css中添加以下CSS代码，以便让该段<div id=”gtx-trans”无用代码不显示即可。

#gtx-trans {
display: none;
}

如果含有这段<div id=”gtx-trans”代码的文章不多的话，boke112百科建议还是手动删除点比较好。解决了这个问题后，建议使用Edge浏览器，否则后续发布或编辑文章还是有可能会出现这个问题。boke112百科自从放弃Chrome浏览器改用Edge浏览器后就没有出现过这种问题了。