Google Chrome是小編現在主要使用的浏覽器,不過昨天遇到了一個奇怪的顯示錯誤,大部分頁面上方被一塊三角裝的圖層擋住了。經過一番努力,倒也發現了問題所在並成功解決。隨著Chrome用戶增多,這個問題相信不會是個案,故決定把排查問題及解決過程分享給各位。如果你也是Chrome用戶並且同樣遭遇這個問題,下面的內容會幫到你。 先來看下具體症狀吧,用Chrome打開頁面後,會出現一個三角形遮擋住頁面上方:如下圖。
頁面上出現離奇遮擋物 昨天一早打開頁面看到這個遮擋的時候還以為是廣告效果,但是等了幾秒鐘後,既沒有其他內容出現,這塊遮擋也沒有消失,卷動頁面的時候還會出現閃爍,同時被遮擋住的地方若有超鏈還是可以點擊跳轉的。 是網站頁面出錯?我又打開其他一些經常訪問的網頁,發現絕大部分都有這個問題,這樣的話問題源頭就很可能來自Chrome浏覽器了。馬上換用IE9,頁面顯示都是正常的,那麼結論就很清楚了,的確是Chrome的問題。 但是同樣的頁面,在前天下班離開前還是正常的,期間只有一個變化,那就是Chrome有過升級。因為工作緣故,通常Chrome有更新後我總是在下班關機前才執行升級重啟操作。看來問題多半是出自新版本的Chrome,版本號是:22.0.1221.0 dev-m(開發板)。
發生問題的Chrome版本 知道了是Chrome新版本問題,但是怎麼解決它呢?在繼續觀察頁面的過程中,發現有少部分頁面並未出現這個遮擋物,似乎表示問題出現和頁面內容有一定關系。再經過一番對比後,目光集中到了Flash元素上,因為出問題的頁面上都有flash內容,而沒有flash的頁面都正常。 把Flash禁用掉試試,抱著這個想法,打開Chrome的任務管理器(標簽欄空白處右鍵-任務管理器),將flash相關的插件進程逐一結束,然後再刷新有問題的頁面。
通過任務管理器關閉所有flash插件 結果表明的確是flash的問題,因為禁用flash後,頁面上的遮擋物都消失了。但是這樣一來,帶有flash的頁面都顯示不了flash內容,而且重新打開頁面後仍會激活flash,所以還需要尋找進一步的解決方法。 在參考了網上一些和Chrome以及flash插件有關的信息後,找到了一個有效的臨時解決方案。在Chrome地址欄輸入【chrome://plugins/】進入插件管理後台,第一個就是flash插件,它包含了兩個不同類型和版本的flash。分別禁用測試後確定,把第一個禁用掉可以消除頁面遮擋物同時又不影響正常的flash內容顯示,類似在線視頻這樣的都能正常播放。