**1\. js監聽網絡狀態** js的 navigator.onLine 會返回當前網絡狀態，我們可以使用來判斷，網絡未連接時提示用戶當前網絡不可用如下所示： ~~~javascript window.addEventListener('load',function(){ if(!navigator.onLine){ console.log('提示用戶，網絡異常') } }) ~~~ 如果加載后網絡發現變化，上面的代碼就不理想了。 我們可以監聽**offline**和**online**這兩個事件，在監聽中提示用戶網絡狀態或者做一些自動重載的邏輯代碼： ~~~javascript window.addEventListener('offline',function(e){ console.log('監聽網絡關閉：',e); }) window.addEventListener('online',function(e){ console.log('監聽網絡連接：',e); }) ~~~ **2.頁面重載** 現在我們已經監聽了網絡的狀態，網絡關閉時只需要在**offline**事件中提示用戶即可。但是如果是網絡中斷后又重新連接到網絡了，我可以在**online**事件中重新加載當前頁面。 不論是原生H5開發還是vue這類框架開發項目，都可以使用如下代碼重新加載當前頁面代碼： ~~~javascript location.reload() ~~~ > 注意：這個方式是重新加載當前頁面，類似于F5刷新。