1ページに複数のページ（例：google.com、yahoo.com ...）を表示しようとしています。私はcURL multiを使ってそれらのページのhtmlを引っ張ってきて、私が見るために1ページにすべての結果を表示しています。問題は、最初のページのCSSが、すべての下位ページのCSSを壊してしまうことです。異なるスタイルのhtmlを1ページに干渉なしで表示する
例：Yahooは最初のページであり、かなり多様なCSSスタイルを持っています。次にMSNはほとんどのCSSを上書きしますが、すべてではありません。
すべてのソリューションはありますか？ありがとう
iFramesを使用するのはおそらく最も簡単な方法です。
より良い選択肢は、持っていないスタイルやクラスにプレフィックスを追加する方が難しい場合です。
したがって、最初のサイトでH1が定義され、次に2番目のサイトでH1が異なると定義された場合は、H1.firstsite、次にH1.secondsiteなどを実行し、HTML追加クラスですべてのH1タグに行います。
安全な側になるためには、すべてのクラス/ IDに対しても同様の操作を行います。つまり、競合する可能性はありません。
PS：一部のコンテンツはiframeに表示されない場合があります。
あなたがこれを使用する必要があります..私はコンテンツがcURLを使用して取得別のページ（または別のクエリ文字列を持つ単一ページ）をロードするためのiFrameを使用することをお勧め
<iframe src="http://www.google.com" width="600px" frameborder="0px"></iframe>
<iframe src="http://www.yahoo.com" width="600px" frameborder="0px"></iframe>
<iframe src="http://www.bin.com" width="600px" frameborder="0px"></iframe>
別の投稿へのコメントで既に悲しいことですが、iframe（パスワードで保護された...）からアクセスできないページがあるため、iFrameに入れることができません。そのため、cURLを使用しています。それがうまくいく唯一の方法は、ページのHTMLをカールでプルし、次に一時ディレクトリで各ページのHTMLファイルを作成し、ローカルサーバーからiframeをロードすることです。 – pHelics
。基本的にcURL操作を分割し、iFramesでアクセスします。
これは、わたしが見ている最も簡単でわかりやすい方法です。すでに行っている作業の変更は最小限に抑えられています。
iframeがうまくいかず、私は目的のためにcURLを使用していますが、読み込まれるページの一部はパスワードで保護されており、iframeでアクセスできません。 2番目のアイデア...難しいですが、私はHTMLと各ページに含まれるすべてのCSSの両方を修正する必要があります。それは私がより便利な見方のために構築する必要がある解析動物の地獄です。 – pHelics
もっと簡単な方法があるとは思わないでください。各サイトのIDを持つスパンを使用して、各定義の前にそのIDを含めるようにCSSだけを編集する方法はありますか。だからgoogleの場合は、#google h1、#google h2などのようなものを含めるようにCSSを変更するだけで、コンテナのスパンには値googleのID属性が設定されます。 – Hameed