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

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

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

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

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

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

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

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