webView加載H5頁面出現空白頁的解決辦法

最近在做一個理財的項目，其中用到的H5頁面比較多，在項目後期出現了很多bug，今天介紹下webView加載H5出現空白的解決辦法

首先介紹下出現問題的場景，我們在一個Activity中鑲嵌了一個H5的小頁面，在這個Activity中有很多點擊可以進入另外的H5頁。並且這個Activity每次執行onResume就會重新加載所有的數據。  當H5頁面沒有加載完成的時候如果我點擊進入另外的H5頁面時就會出現卡頓，有的時候甚至直接加載出空白頁。很多手機出現空白頁的機率非常小，卡頓的現象會有，只有一款三星的手機加載空白頁的機率非常大，其他三星同樣系統的手機加載空白頁的機率頁非常小。

經過多次測試，發現這款三星手機，出現空白頁是獲取H5頁面的數據到10%就不加載了，具體原因一直沒有找到，不過可以肯定是和上一個H5頁面沒有加載完成有關。如果上個H5頁加載完成所有的手機都不會出問題。

最終的解決辦法是，在這個Activity中的onPause()的方法中把這個嵌套的H5頁面直接加載空白頁

@Override
public void onPause() {
    super.onPause();
    // 加載空白頁
    webView.loadUrl("about:blank");
}

這樣就解決了後面那個H5頁卡頓和加載空白頁的問題。

希望對大家有所幫助，同時有什麼問題希望大家能夠溝通。