将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;
}