我正在尝试在一页上显示多个页面(例如:google.com、yahoo.com ...)。我正在使用 cURL multi 提取这些页面的 html,然后在一页上显示所有结果供我查看。问题是第一页的 css 弄乱了所有较低页面的 css。
例如:Yahoo 是第一个页面,具有非常多样化的 CSS 样式,其次是 MSN,它覆盖了大多数 CSS,但不是全部,它看起来很奇怪。
有什么解决办法吗?谢谢
我正在尝试在一页上显示多个页面(例如:google.com、yahoo.com ...)。我正在使用 cURL multi 提取这些页面的 html,然后在一页上显示所有结果供我查看。问题是第一页的 css 弄乱了所有较低页面的 css。
例如:Yahoo 是第一个页面,具有非常多样化的 CSS 样式,其次是 MSN,它覆盖了大多数 CSS,但不是全部,它看起来很奇怪。
有什么解决办法吗?谢谢
尽管我很讨厌它,但使用 iFrames 可能是你能做到这一点的最快方法。
更好的选择是更难的选择,您可以在样式中添加前缀,或者在没有的样式中添加前缀。
因此,如果第一个站点定义 H1,然后第二个站点以不同方式定义 H1,您将执行 H1.firstsite 和 H1.secondsite 等,然后在 HTML 中将类添加到所有 H1 标记。
为了安全起见,对所有类/ID也进行类似的操作,这样就不会发生冲突。
PS:某些内容可能不会在 iframe 中显示。
我建议使用 iFrame 加载使用 cURL 检索的内容的单独页面(或具有不同查询字符串的单个页面)。基本上拆分 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>