2

我有一个备用网站。类似于Wayback 机器。当我返回 HTML 的内容时，很明显，链接的文档（如图像、javascript 文件、css 文件等）是从原始 Web 服务器（而不是我的服务器）加载的。现在我想替换这些链接，以便从我的服务器加载它们。我有两种方法可以采取：

  1. 使用 Java 或 PHP 在服务器端进行。我可以同时使用 Java 和 PHP 来做到这一点。例如在 Java 中，我可以使用 jSoup 来解析 HTML 并替换链接。
  2. 使用 jQuery 在客户端执行此操作。

使用第二种方法意味着我不必在我的服务器上增加负载来解析 HTML，但我认为，一旦页面被加载，文件就会开始从原始服务器下载，并且用户的带宽将被浪费。

另一方面，如果我能以某种方式确定图像是否已成功下载，我可以跳过从我的服务器下载并让用户使用从原始服务器下载的文件。

您对此有何建议？

更新

关于相对和绝对链接，我应该做一些澄清。我的服务上的链接存储为绝对路径。但是，HTML 文档可能同时具有这两种类型的链接。我需要做的是：

  • 转换http://stackoverflow.com/images/image.png为http://mysite.com/view/content?url=http://stackoverflow.com/images/image.png
  • 将/images/image.png（在 上http://stackoverflow.com）转换为http://mysite.com/view/content?url=http://stackoverflow.com/images/image.png

简而言之，HTML上的相对链接应该转换为绝对链接，然后作为URL参数发送到我的网站。

4

1 回答 1

1

如果链接是相对的，您可以<base>使用 jQuery 添加标签。

$(function () {
    var base = $("<base>", {
        href: "http://www.your-new-website.com/"
    });
    $("head").append(base);
});

更新

jQuery 不会是最好的解决方案，因为您将对每个项目进行 2 次调用……一个用于从原始服务器进行初始加载，另一个用于从新服务器进行第二次加载，因为 jQuery 更改了img和css链接。尽管如此，这应该有效。

function replaceDomain(href) {
    var originalDomain = document.domain;
    var newDomain = "mysite.com/view/content?url=http://" + originalDomain;
    if (href.indexOf(originalDomain) == -1) href = "http://" + originalDomain + href;
    return href.replace(originalDomain, newDomain);
}
$(function () {
    //convert links
    $('a').each(function () {
        $(this).attr("href", replaceDomain($(this).attr("href")));
    });

    //convert imgs
    $('img').each(function () {
        $(this).attr("src", replaceDomain($(this).attr("src")));
    });

    //convert css links
    $('link').each(function () {
        $(this).attr("href", replaceDomain($(this).attr("href")));
    });
});
于 2013-03-07T19:00:46.020 回答