javascript - 尝试确定是否已加载所有图像时 Node.js 挂起

Question

我正在使用 Puppeteer 编写一个脚本，其中我需要确定所有图像是否已完成加载，即使它们加载失败，这是有问题的部分:

var images = await page.evaluate(function() {

    return new Promise(
        function(resolve, reject) {
            var imgs = document.images,
                imagesNumber = imgs.length,
                counter = 0;

            if (imagesNumber == 0)
            {
                resolve({images: []});
            }

            for (var i = 0; i < imgs.length; i++)
            {
                imgs[i].addEventListener( 'load', incrementCounter, false );
                imgs[i].addEventListener( 'error', incrementCounter, false );
            }

            function incrementCounter() {
                counter++;

                if ( counter === imagesNumber ) {
                    resolve({images: imgs});
                }
            }
        }
    )
});

我不确定我做错了什么，但 nodejs 只是卡在这段代码上。任何想法表示赞赏。

Answer 1

问题可能是当您运行 page.evaluate 时，一些图像已经加载。

要检查图像是否已经加载，可以使用属性complete:

            for (var i = 0; i < imgs.length; i++)
            {
                if (imgs[i].complete) {
                    counter += 1;
                }
                imgs[i].addEventListener( 'load', incrementCounter, false );
                imgs[i].addEventListener( 'error', incrementCounter, false );
            }