url iframeがオフラインの場合、読み込みを停止できません。

Question

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を絶対パスに書き換える必要があります。 src属性（imgとscriptタグ）を調べる必要があります。また、hrefのaとlinkタグを調べる必要があります。 CSSルールで相対パスを使用してurl()を使用する場合は、それらのルールを上書きする独自のCSSを作成する必要があります。