iframe の現在の場所へのアクセス: 課題と回避策

クロスオリジン リソース共有 (CORS) 規制により、 iframe の現在の場所。このセキュリティ対策により、別のオリジンに存在する JavaScript コードがページの URL に直接アクセスすることが防止されます。

JavaScript を使用して iframe の URL にアクセスすることは現実的ではありませんが、解決策を提供できる代替アプローチがあります。

]ブラウザ側の回避策 (同一オリジンのみ)

同じオリジン内(つまり、ページを含むページと iframe コンテンツの両方が同じドメインに属している場合)、iframe の documentWindow.location.href プロパティを利用して現在の URL を取得できます。ただし、このアプローチは、同じオリジンの iframe に限定されます。

サーバー側のアプローチ

別の解決策には、サーバー側のスクリプトを使用して iframe の URL を取得することが含まれます。 。サーバー側スクリプトは、iframe のオリジンに HTTP リクエストを送信し、ページ コンテンツをフェッチし、URL を抽出できます。

ブラウザ内ブラウザ コントロール

別のオプションブラウザ内ブラウザ コントロールの採用を検討することです。これは、別のブラウザ ウィンドウ内でブラウザ ウィンドウのように動作する特殊なコンポーネントです。ブラウザ内ブラウザ コントロール内で iframe をホストすると、iframe の生成元に関係なく、その URL やその他のプロパティにプログラムでアクセスできるようになります。

追加の考慮事項

• Exceptions: iframe のコンテンツが含まれているページとは異なるドメインから読み込まれている場合、その URL にアクセスすると権限が発生します。エラーが拒否されました。
• ブラウザの互換性: documentWindow.location.href プロパティとブラウザ内ブラウザ コントロールの可用性と機能は、ブラウザによって異なる場合があります。