检查网站上使用了哪些图像（在 HTML 和 CSS 中）答案

【问题标题】：Check which images are used on website (in both HTML and CSS)检查网站上使用了哪些图像（在 HTML 和 CSS 中）
【发布时间】：2014-03-21 20:48:41
【问题描述】：

我接管了一个网站，该网站有两个巨大的图片文件夹（总共 199 张图片）。我想优化图像，但只优化网站上实际使用的图像。有什么方法可以只检查/下载使用的图像（包括 CSS 中使用的图像）？

【问题讨论】：

标签： html css image web

【解决方案1】：

不确定css是否可行，

试试这个

 function img_find() {
        var imgs = document.getElementsByTagName("img");
        var imgSrcs = [];

        for (var i = 0; i < imgs.length; i++) {
            imgSrcs.push(imgs[i].src);
        }

        return imgSrcs;
    }

或者这个

var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].src);
}

甚至这个

var srcList = $('img').map(function() {
    return this.src;
}).get();

但这适用于页面

【讨论】：

【解决方案2】：

使用站点抓取器...它将搜索站点的每个页面并下载图像（使用 IDM 时，您可以选择要下载的内容）。此外，您可以限制链接的深度或要排除的链接等。

【讨论】：