如果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来覆盖这些规则。