javascript - 将 CSS 文件中的 URL 转换为绝对 URL

Question

背景：

我正在为网页创建一个简单的归档方法。我已经下载了一些网页及其文件（css、js等）。现在，使用 jQuery，我可以操作 HTML 文件中的链接以指向服务器中的链接，它适用于所有图像、JavaScript 和 CSS 文件。但是，在某些情况下，CSS 文件可能会引用某些图像或字体。我也解析了其中的链接，但我不知道如何更改这些 URL。我环顾四周，看看是否有类似 CSS 文件的基本 URL 的东西，但找不到。

问题：

我有什么办法可以更改 CSS 文件中的 URL，以便它们指向我服务器中的内容？

例如：

background: url('graphic.png');

至

background: url('http://myserver.com/view/content?url=http://theirserver.com/graphic.png');

Answer 1

也许这对你有用？

$('a').each(function(){
    $(this).attr('href','http://baseurl.com/'+this.href);
});

这发生在 DOM 中，在用户浏览器中，而不是在 CSS 文件中。

Answer 2

您可以使用以下脚本将相对 URL 转换为绝对 URL

function getFullURL(url) {
    var a = document.createElement('a');
    a.href = url;
    return a.href;
}