微构网络:百度翻译Chrome浏览器插件存在15px间隙bug

2016-07-10 18:16 栏目:团队动态 查看(10322)

本文作者:微构网络刘凯威  同步发布至今日头条/木泉网

由于本人是个英语渣,但是能为了更好地与外界保持一致,当然啦也要慢慢学着装逼,于是在我也不记得具体啥时候就开始使用着一些翻译工具,结果发现永久了词汇量还真多了起来,很多以前根本不知道啥意思的单词现在认识了。而在不不久前在一台新电脑上安装了百度的翻译插件(Chrome版)。

我在使用那台电脑的时候使用Chrome打开我自己网页的时候,发现底部多了一条空白(一般表现为body设置的背景色,默认为白色),如果网页底部是深色背景就特别明显。于是我怀疑是不是我的css代码出bug了,但找半天实在没找到错误,于是我查看其它的网站,发现几乎所有网站都是存在这个问题。因此,问题不在网站,而是在于我这个浏览器,因为那时候比较忙就认为是浏览器某个地方设置造成的问题。

在昨天,我在另外一台电脑上也安装了百度翻译插件,而今天在网页写好后开始测试兼容性的时候,我发现之前那台电脑上出现的问题竟然出现了。在出现问题的时候我一般首先怀疑自己,于是还是检查代码,却没有发现什么问题。如果又像以前那样说是浏览器设置问题,那就说不过去了。于是我就开始回忆最近是不是有什么变化,于是想到了昨天安装了百度翻译插件。

关闭该插件,访问任何网站都不存在之前看到的问题。也就是说,百度翻译Chrome浏览器插件是存在问题,会导致正常网站页面在访问的时候出现一个底部空白。

像我这样的强迫症患者是不能忍的,于是就顺便看了是哪里造成的问题,再次检查一遍页面,发现多了下面一段HTML结构代码。

333

显然我们网站本身是不存在这段代码的,也很显然是外部的js对文档进行的DOM操作而产生的;于是我打开crx文件(也就是chrome插件文件),发现在js/trans-src.js中存在产生以上代码的js代码。

weq

而就是以上代码存在缺陷,导致了该插件作用于网页的时候这部分代码占了一个15px的位置,于是就出现了文章最开始所说的问题。

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

转载请注明出处:微构网络:百度翻译Chrome浏览器插件存在15px间隙bug - 微构网络
分享: