css技巧:批量保存div+css网页中的图片的几种方法

html-css07

css技巧:批量保存div+css网页中的图片的几种方法,第1张

直接用浏览器的另存为已经不能完全保存到本地 我在网上收集了一些方法,和一些自己的实践,希望对你有所帮助 第一:苦力型 查看网页源文件,然后找到css路径,直接输入到ie地址框内下载既可。打开css找出里面的图片一个一个下载 第二:偷懒型 保存到本地css后,在dw中把css中的图片都替换成

我常用的几种办法是这样的:

可以把图片放到原/statics/images/下面,但是给图片命名的时候加个前缀跟其它的区别开,例如首页的可以都加个“index_”。

如果是放到新建的一个子目录里,用phpcms的标签去引用我感觉也挺短的,例如statics/css/my/可以写成 {CSS_PATH}my。

在css样式的url中的路径,将图片移动到子目录后,我经常是进行批量替换把路径中加上子目录,例如把“url(../images”替换成“url(../images/my”。倒是一时也没有什么绝对完美的办法。

用下列Chrome扩展,比较实用

1、WhatFont 用于快速识别网页文字字体,设计师必备

2、小乐图客极客版,网页图片批量下载工具。

支持快速筛选网页图片(按分辨率大小、CSS背景图、图片扩展名等过滤)

支持取图规则,一键下载原始大图。

支持网页截图和整个网页截图。

3、Proxy Switchy Sharp

浏览国外设计师的网页,饭强必备!

4、Color Picker网页颜色拾取器,Chrome开发者工具也有此功能,不过不方便用

5、Chrome自带的开发者工具F12(Mac下快捷键是Command+Option+I)

也很强大。