問題描述

微信公眾號(hào)在部分手機(jī)用戶上出現(xiàn)大概白屏 根據(jù)以前的開發(fā)經(jīng)驗(yàn)判斷，可能是獲取用戶openid失敗，導(dǎo)致頁面白屏

調(diào)試過程

使用微信開發(fā)者工具，發(fā)現(xiàn)前端并未對(duì)后臺(tái)發(fā)送任何請(qǐng)求，并且控制臺(tái)也沒看到報(bào)錯(cuò)，一時(shí)找不到問題在哪。而且發(fā)現(xiàn)只用在使用電信4G網(wǎng)絡(luò)的時(shí)候，才會(huì)出現(xiàn)白屏。推測(cè)，bug可能跟電信網(wǎng)絡(luò)有關(guān)。使用chrome調(diào)試工具進(jìn)一步調(diào)試，發(fā)現(xiàn)在控制臺(tái)報(bào)錯(cuò) webpackJson is not defined?

大部分都是說js加載順序出錯(cuò)。然后檢查js加載順順，以及webpack配置文件，并未發(fā)現(xiàn)什么錯(cuò)誤。 最后將正常情況下的html文檔結(jié)構(gòu)與白屏情況下的html對(duì)比，發(fā)現(xiàn)電信網(wǎng)絡(luò)情況下，會(huì)多加載兩個(gè)js文件。發(fā)現(xiàn)時(shí)配電信劫持了，導(dǎo)致白屏。

解決方法

將http換成https就可以解決了