直接アクセスせずにクロスドメイン iFrame コンテンツのスタイルを設定するにはどうすればよいですか?

クロスドメイン iFrame コンテンツ スタイルの変更

質問:

ドメイン内のコンテンツのスタイルを変更するにはどうすればよいですか?ファイルやスタイルシートを配置するための iFrame のソース ドメインにアクセスできない場合、別のドメインからの iFrame?

回答:

クロスドメイン制限のためJavaScript や他の従来の方法を使用して iFrame のコンテンツのスタイルを直接変更することはできません。

解決策:

唯一の実行可能なアプローチは、iFrame をプロキシすることです。独自のサーバーを介してコンテンツを配信します。これを実現する方法は次のとおりです:

1. プロキシ スクリプトを作成します:

   • リモート ドメインから iFrame のコンテンツを取得します。
   • PHP、Node.js、または Python などのツールを使用して、プロキシ スクリプトを作成します。

2. HTML コンテンツの変更:

   • プロキシ スクリプトでリモート ドメインからの応答をインターセプトします。
   • HTML コンテンツを解析し、iFrame コンテンツの CSS スタイルを変更します。たとえば、背景色を黒に、テキストの色を白に変更できます。

3. 変更されたコンテンツを返す:

   • 変更された HTML コンテンツをクライアントへの応答として返します。

プロキシ スクリプトの例:

<?php
// Fetch content from remote domain
$content = file_get_contents('https://crossdomain.example.com');

// Parse HTML and modify style
$doc = new DOMDocument();
$doc->loadHTML($content);
$styles = $doc->getElementsByTagName('style');
$styles[0]->textContent .= "body { background-color: black; color: white; }";

// Return modified content
echo $doc->saveHTML();
?>

4. iFrame URL の構成:

   • 元のクロスドメイン URL ではなくプロキシ スクリプトを指すように iFrame の 'src' 属性を変更します。

このプロキシ技術を使用すると、クロスドメインのセキュリティ制限に違反することなく、クロスドメイン iFrame コンテンツのスタイルを効果的に変更できます。

以上が直接アクセスせずにクロスドメイン iFrame コンテンツのスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。