如果url iframe離線或未找到，則無法停止加載

Question

如何在url處於脫機狀態時停止微調，並顯示脫機或未找到url的警告？

CSS

#loadImg { 
    position: absolute; 
    z-index: 999; 
} 
#loadImg div { 
    display: table-cell; 
    background: #fff; 
    height: 633px;   
    text-align: center; 
    vertical-align: middle; 
    width: 2000px; 
} 

HTML

<div id="loadImg"> 
 
    <div> 
 
     <img src="https://2.bp.blogspot.com/-9XwrYMe59OY/WOBFFeppEYI/AAAAAAAAB2A/CtyK_-GN8DUMzJypSJqnLKEDn4f-5_fOwCLcB/s320/balls.gif" /> 
 
    </div> 
 
</div> 
 

 
<iframe width="100%" onload="document.getElementById('loadImg').style.display='none';" frameborder="0" height="1000px" class="col-sm-12" src="https://testmyweb.com/"></iframe>

Answer 1

做到這一點的方法是創建將請求發送到所述目標，並顯示它的一個頁響應。如果沒有迴應，則處理錯誤。您的新代理頁面將用作iframe中的目標，但您需要確保處理目標頁面的相對URL，即將這些URL重寫爲絕對路徑。您需要查看img和script標籤的src屬性，並且您還需要查看a和link標籤的href標籤。如果CSS規則使用相對路徑使用url()，則需要編寫自己的CSS來覆蓋這些規則。