0

我有一个网页,我想在另一台服务器上嵌入一个外部网页,但我不想要任何框架栏,并希望使用 Php 或 Javascript 来做到这一点。我正在构建的网站是使用 php 构建的。

我试过了

<?php
$remote = fopen("http://www.myotherwepage.com/apage", "r");
fpassthru($remote);
?>

但无法正确加载,不会加载图像,也不会加载样式。

这是我要嵌入的页面

http://brands.datahc.com/?languageCode=EN

我在上面有自己的(包括)导航,在下面有(包括)页脚。它需要为用户扩展和重新占用。

4

2 回答 2

3

只需添加一个iframe元素,然后使用 CSS 对其进行样式设置。您可以使用 jQuery 或 vanilla JS 来操纵它的大小。

这样,您无需担心修复任何损坏或相关的链接。例如,以下代码将关闭滚动条iframe

<iframe src="http://brands.datahc.com/?languageCode=EN" srcolling="no"></iframe>

您可以反过来实现以下一些功能 > http://css-tricks.com/cross-domain-iframe-resizing/。这也将确保 iframe 根据其内容调整大小。

于 2013-01-23T14:24:44.307 回答
2

问题是网站上的所有图像都嵌入了相对路径。

当您嵌入网站示例时。com引用图像http://example.com/image.jpg,其源代码仅读取src="image.jpg". 然后,当您将该网站的源代码集成到示例中时。org,图像将在http://example.org/image.jpg上搜索它不存在的地方。

作为解决方案,您可以

  • 使用 HTML 解析器重写所有相关链接和图像路径,或
  • 使用您网站中的 HTML<base>元素<head>并将其设置为您要嵌入的页面的 url。这样,用户的网络浏览器会将所有相对 URL 解释为相对于嵌入页面,而不是您自己页面的 url。
于 2013-01-23T14:25:45.790 回答