1疮薇、頁面加載時胸墙，有較長時間的白頁，有可能是什么原因造成的按咒？
在日常開發(fā)中迟隅，會發(fā)現(xiàn)瀏覽器白頁情況會偶爾出現(xiàn)。這是怎么一回事?我們又該怎么去分析在哪里出現(xiàn)了問題?接下來我們一探究竟励七。
為了更好的發(fā)現(xiàn)問題智袭，解決問題，我們將從三個方向來說明白頁問題:客戶端方向掠抬，服務(wù)端方向以及網(wǎng)絡(luò)方向吼野。
客戶端方向
-
1. JavaScript 異常
由于 JavaScript 出現(xiàn)的問題導(dǎo)致了頁面白頁。那么那些情況下 js 報錯 會影響到頁面白頁呢?- a.
在頭部加載 JavaScript两波。頭部加載 JavaScript 在解析 JavaScript 時報錯瞳步，頁面就會停止，所有的內(nèi)容不會正常的展示出來腰奋。導(dǎo)致頁面白頁单起。所以要避免出現(xiàn)頭部加載 JavaScript 的情況。 - b.
資源的加載順序氛堕。資源的加載順序決定了頁面的邏輯能否正常的 執(zhí)行馏臭，當(dāng)頁面加載順序出現(xiàn)問題導(dǎo)致頁面無法正常執(zhí)行，最終導(dǎo)致 白頁現(xiàn)象讼稚±ㄈ澹或者網(wǎng)速較慢，下載相關(guān)資源很慢锐想，這時就會出現(xiàn)暫時
的空白頁的現(xiàn)象帮寻。
- a.
-
2. 客戶端請求異常 由于在客戶端發(fā)送的請求異常導(dǎo)致頁面空白，哪些請求可能導(dǎo)致頁面 空白呢?
- a.
無效請求赠摇。 當(dāng)我們發(fā)送無效的請求時固逗，服務(wù)器不會返回相應(yīng)的內(nèi)容， 直接導(dǎo)致我們的頁面無法正常展示藕帜，最終以空白頁的形式展 示 - b.
錯誤路徑(錯誤請求)烫罩。 當(dāng)我們?nèi)ピL問服務(wù)器中的錯誤路徑時， 服務(wù)器無法返回正常的請求資源洽故，最終導(dǎo)致頁面無法正常顯示贝攒，最 終也是以空白頁形式展現(xiàn)。
- a.
服務(wù)端方向
-
反向代理服務(wù)器異常时甚。 反向代理服務(wù)器出現(xiàn)問題隘弊。當(dāng)我們訪問的請求打到代理服務(wù)器上哈踱。代 理服務(wù)器出現(xiàn)了問題。無法正常解析路徑等操作梨熙。同樣會導(dǎo)致頁面白 頁情況开镣。 -
服務(wù)器異常服務(wù)器的資源無法正常找到，會出現(xiàn)服務(wù)器異常咽扇，最終出現(xiàn)空白頁現(xiàn) 象邪财。服務(wù)器宕機也就是服務(wù)器死機了也會導(dǎo)致服務(wù)器異常，無法正常處理我們的請求最終體現(xiàn)在客戶端的是空白頁現(xiàn)象肌割。通常會報出 502 錯誤卧蜓。 -
正常情況服務(wù)器就正常返回了一個空白頁面(滑稽臉)，這種情況也是可以發(fā)生的把敞。
網(wǎng)絡(luò)方向
-
DNS 解析異常
出現(xiàn)無法解析服務(wù)器的 DNS 地址的問題弥奸。先了解一下 DNS，簡單說就是將域名轉(zhuǎn)換為 IP地址功能的服務(wù)器奋早。DNS 解析不了盛霎，輸入的地址自然無法指向目標(biāo)網(wǎng)絡(luò)，就無法上網(wǎng)了耽装。這時任何請求都是無用的愤炸，最終導(dǎo)致瀏覽器白頁現(xiàn)象。 -
鏈接超時當(dāng)我們請求的資源比較大掉奄，并且在服務(wù)當(dāng)中設(shè)置的鏈接時常规个，在網(wǎng)速較慢的情況下，無法下載完頁面資源姓建，導(dǎo)致頁面無法正常執(zhí)行诞仓，最終導(dǎo)致 出現(xiàn)頁面白頁現(xiàn)象。 -
CDN 服務(wù)器異常
對于 CDN 服務(wù)器異常速兔，可能是 CDN系統(tǒng)的錯誤提示墅拭，比如源服務(wù)器 異常，還有可能是使用了 CDN 系統(tǒng)的軟件探測到 CDN 服務(wù)商異常涣狗， 比如 CDN 節(jié)點故障谍婉，以上的 CDN 服務(wù)器異常都會導(dǎo)致，在 CDN 服務(wù)器上的資源無法正常的進行镀钓，加載穗熬，導(dǎo)致頁面無法正常展示，最終導(dǎo) 致白頁現(xiàn)象丁溅。
