Question

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

Answer 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();

但这适用于页面

Answer 2

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

检查网站上使用的图像（HTML和CSS）

2 个答案: