開(kāi)題：公司開(kāi)發(fā)的移動(dòng)端項(xiàng)目被放置在了微信公眾號(hào)，需求同學(xué)反饋巫玻，使用系統(tǒng)的人員存在使用pc端微信公眾號(hào)的場(chǎng)景丛忆，但是經(jīng)常出現(xiàn)白屏問(wèn)題。微信的內(nèi)置瀏覽器不同于其他瀏覽器可以方便的調(diào)出控制臺(tái)檢查錯(cuò)誤仍秤，在這里給出建議檢查思路與方法熄诡。
Mac
自測(cè)Mac端s微信內(nèi)置瀏覽器不存在此情況，如果遇到白屏問(wèn)題诗力，升級(jí)微信版本即可凰浮，如果解決不了參照Windows解決方式
Windows
自測(cè)Windows微信內(nèi)置瀏覽器并不是所有版本都存在問(wèn)題，但是我升級(jí)到最新版本依然無(wú)法打開(kāi)苇本。在pc端袜茧，移動(dòng)端，移動(dòng)端微信瀏覽器均能打開(kāi)頁(yè)面的情況下瓣窄，考慮是否為瀏覽器兼容性問(wèn)題笛厦。
調(diào)出微信內(nèi)置瀏覽器控制臺(tái)
- devtools_resources.pak下載地址 https://share.weiyun.com/55lX4Ff
- 將下載的文件分別放入微信安裝目錄以及微信內(nèi)置瀏覽器目錄下。
微信安裝目錄：C:\Program Files (x86)\Tencent\WeChat
微信內(nèi)置瀏覽器目錄：C:\Users\xxx\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2581
3.在微信內(nèi)置瀏覽器界面右鍵就可以看到Show DevTools選項(xiàng)了
devtools_resources.pak 應(yīng)該存在很多版本俺夕，但是大多數(shù)微信內(nèi)置瀏覽器內(nèi)核版本都一直未改變裳凸，大概率此文件可用。
IE瀏覽器調(diào)試
打開(kāi)微信內(nèi)置瀏覽器的調(diào)試工具后會(huì)發(fā)現(xiàn)劝贸，有一些報(bào)錯(cuò)信息你是找不到具體的錯(cuò)誤位置的登舞。打開(kāi)IE瀏覽器的調(diào)試工具，將調(diào)試版本設(shè)置為ie9，你會(huì)發(fā)現(xiàn)，ie9控制臺(tái)報(bào)錯(cuò)信息和微信內(nèi)置瀏覽器的控制臺(tái)報(bào)錯(cuò)信息基本相同痒筒，在這里你是可以找到報(bào)錯(cuò)的有用具體信息的兑凿。
總結(jié)：白屏問(wèn)題多為vue合砂，react這些webpack工程冯事。其中我們自行編寫(xiě)的js代碼會(huì)經(jīng)過(guò)bable編譯成es5代碼薯蝎，但是項(xiàng)目中引用的組件庫(kù)會(huì)存在一些低版本瀏覽器無(wú)法識(shí)別的代碼导而。
