如何批量下载CSS文件中相对路径的图片

由于设计水平不够高,有时候不得不仿一下别人的页面。但经常会碰到痛苦的问题,那就是别人把图片都在CSS文件里定义的,这个时候就得手工一个一个地把图片下载到本地,图片少还好说,几十上百个图片的话那就晕死了。

那如何批量下载CSS中的图片呢?不知道有没有其他什么更好的工具,目前只想到了以下这个笨办法,大家可以交流探讨一下:

一、获取对方的css文件。这个很简单,直接查看源文件就可以得到了。查看源文件里的css路径:http://www.***.com/template/images/index.css,把他下载下来。

二、查看图片路径。在css文件里边,他的图片路径是:#head{BACKGROUND:url(/template/images/topbg.jpg);HEIGHT:90px;TEXT-ALIGN:center}

下一步我们要把这个路径转换成完整的文件路径。

三、替换图片路径。在dw里按ctrl+f用查找替换功能,第一步我们把"url(”替换为"<a href="http://www.***.com";第二步我们把")"替换为"">图片</a>";上面的代码就被替换成为:#head{BACKGROUND:<a  href="http://www.***.com/template/images/topbg.jpg:">图片</a>;HEIGHT:90px;TEXT-ALIGN:center};

四、保存网页文件。把这个css文件另存为a.html。

五、批量下载图片。用ie打开这个文件,然后用迅雷批量下载就行啦!