批量下载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( 替换为 <img  src="http://www.***.com ;第二步我们把)替换为/> ;上面的代码就被替换成为:#head  {BACKGROUND: <img  src="http://www.***.com/template/images/topbg.jpg /> HEIGHT: 90px; TEXT-ALIGN: center};

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

        五、批量下载图片。网页另存为就OK了!

主要思想就是将css文件转化为html文件，将图片路径转换为img标签。