iframeリダイレクトトップページのポップアップ

Question

私は、iframe内にサードパーティのウェブサイトを統合する必要がある支払いウェブサイトで作業しています。しかし、ある時点で、ユーザーはiframe内のボタンをクリックして親ウィンドウを別のURLにリダイレクトすることができます。 サードパーティのコードに手を触れることができません。

親ウィンドウがリダイレクトされているこのURLをキャプチャして、このリダイレクトを停止し、そのURLの別のウィンドウをポップアップすることはできますか？

ありがとうございました。

Answer 1

あなたは、IFRAMEのURL はを変更したときに検出することができますが、あなたはないは新しいURLが何であるかを見てすることができるようになります。それだけで十分かもしれません。ユーザーがiframe内の何かをクリックし、iframeがurlを変更した場合、それを検出して親ウィンドウをリダイレクトすることができます。

プレーンジャバスクリプトソリューション：

<iframe 
    src="https://target.com/page" 
    onload="alert('iframe has loaded or changed')"> 
</iframe> 

jQueryのソリューション：

<iframe class="target-iframe" src="https://target.com/page"></iframe> 

$(document).on('load', '.target-iframe', function() { 
    alert('iframe has loaded or changed') 
});