本文作者：微構(gòu)網(wǎng)絡(luò)劉凱威 ?同步發(fā)布至今日頭條/木泉網(wǎng)

由于本人是個(gè)英語渣，但是能為了更好地與外界保持一致，當(dāng)然啦也要慢慢學(xué)著裝逼，于是在我也不記得具體啥時(shí)候就開始使用著一些翻譯工具，結(jié)果發(fā)現(xiàn)永久了詞匯量還真多了起來，很多以前根本不知道啥意思的單詞現(xiàn)在認(rèn)識了。而在不不久前在一臺新電腦上安裝了百度的翻譯插件（Chrome版）。

我在使用那臺電腦的時(shí)候使用Chrome打開我自己網(wǎng)頁的時(shí)候，發(fā)現(xiàn)底部多了一條空白（一般表現(xiàn)為body設(shè)置的背景色，默認(rèn)為白色），如果網(wǎng)頁底部是深色背景就特別明顯。于是我懷疑是不是我的css代碼出bug了，但找半天實(shí)在沒找到錯(cuò)誤，于是我查看其它的網(wǎng)站，發(fā)現(xiàn)幾乎所有網(wǎng)站都是存在這個(gè)問題。因此，問題不在網(wǎng)站，而是在于我這個(gè)瀏覽器，因?yàn)槟菚r(shí)候比較忙就認(rèn)為是瀏覽器某個(gè)地方設(shè)置造成的問題。

在昨天，我在另外一臺電腦上也安裝了百度翻譯插件，而今天在網(wǎng)頁寫好后開始測試兼容性的時(shí)候，我發(fā)現(xiàn)之前那臺電腦上出現(xiàn)的問題竟然出現(xiàn)了。在出現(xiàn)問題的時(shí)候我一般首先懷疑自己，于是還是檢查代碼，卻沒有發(fā)現(xiàn)什么問題。如果又像以前那樣說是瀏覽器設(shè)置問題，那就說不過去了。于是我就開始回憶最近是不是有什么變化，于是想到了昨天安裝了百度翻譯插件。

關(guān)閉該插件，訪問任何網(wǎng)站都不存在之前看到的問題。也就是說，百度翻譯Chrome瀏覽器插件是存在問題，會導(dǎo)致正常網(wǎng)站頁面在訪問的時(shí)候出現(xiàn)一個(gè)底部空白。

像我這樣的強(qiáng)迫癥患者是不能忍的，于是就順便看了是哪里造成的問題，再次檢查一遍頁面，發(fā)現(xiàn)多了下面一段HTML結(jié)構(gòu)代碼。

顯然我們網(wǎng)站本身是不存在這段代碼的，也很顯然是外部的js對文檔進(jìn)行的DOM操作而產(chǎn)生的；于是我打開crx文件（也就是chrome插件文件），發(fā)現(xiàn)在js/trans-src.js中存在產(chǎn)生以上代碼的js代碼。

而就是以上代碼存在缺陷，導(dǎo)致了該插件作用于網(wǎng)頁的時(shí)候這部分代碼占了一個(gè)15px的位置，于是就出現(xiàn)了文章最開始所說的問題。