查找网页中的图像计数

Question

我有一个 JS 代码，它在我的客户的不同网页中被调用。我想获取图像的总数。 我只想要那些对用户可见的图像，而不是任何其他图像。这是我的 JS 代码

    function getImageCount(topWindow) {
        try {
            var images = topWindow.document.getElementsByTagName('img');
            var imageCount;
            for (var i=0, length = images.length; i < length; i++) {
                var image = images[i];
                var clientWidth = image.clientWidth;
                if(clientWidth && clientWidth > 1) {
                    var src = image.getAttribute('src');
                    if(src) {
                        src = src.toLowerCase();
                        if(src.indexOf('.jpg') !== -1 ||
                           src.indexOf('.jpeg') !== -1 ||
                           src.indexOf('.gif') !== -1 ||
                           src.indexOf('png') !== -1) {
                           imageCount =  imageCount ? ++imageCount : 1;
                        }
                    }
                }
            }
            return imageCount;
        } catch (e) {
            processError("getImageCount", e);
        }
    }
 var imageCount = getImageCount(top);

我一直在努力稳定这段代码，以便它在所有不同类型的网页上都能正常工作。基本上我想要的是一个能正确捕获图像计数的通用代码。

例如： 我的代码将http://www.msn.com/en-us/news/other/one-free-agent-every-nfl-team-should-sign-this-offseason/ss-AAmLlC0#image 的图像计数为 1

我想要的是一个通用代码，它可以为我提供正确的图像计数，而不管它在哪里运行。谁能给我一些详细的解决方案。

非常感谢。

Answer 1

简单计算页面上的所有图像 (<img>)：

document.images.length

并计算所有“可见”图像（具有宽度和高度的图像）：

[...document.images].filter(img => img.clientWidth && img.clientHeight).length

这将为您提供页面上的图像数量。这不包含 CSS 图像。因为你的代码也没有，所以我认为你想要 <img> 的

---

我不太明白无论它在哪里运行..你能详细说明一下吗？

Answer 2

// 提取图片

websiteImages = document.getElementsByTagName('img'); 
for (url in websiteImages) 
console.log(websiteImages.length);

//提取入站和出站链接

Links = document.querySelectorAll('a'); 
for (link in Links) 
console.log(Links[link].href);

1. 将此脚本粘贴到您的浏览器控制台中
2. 检查以下链接/您喜欢的任何链接 (https://news.google.com/topstories?hl=en-IN&gl=IN&ceid=IN:en&gl=IN&ceid=IN:en)
3. 上述脚本将提供网页中存在的所有图像。 第二个脚本将提供所有入站和出站/退出链接的数量
4. 只需根据您的用例应用一些过滤器即可。

Answer 3

对链接使用这种简单的方法

$$('a').length

Answer 4

要计算网页上的图像数量，请使用以下代码：

$$('img').length