浏览器渲染判断图片加载状态

maiyantao

当使用 selenium | playwright 等进行浏览器渲染并对节点进行截图的时候会存在图片没能正常加载导致出现截图中缺少图片的问题，可以尝试用下面的 javascript 代码进行判断：

1. (function() {
   
2.     function checkImagesByNaturalWidth(selector) {
   
3.         const imgElements = document.querySelectorAll(selector);
   
4.         let allLoaded = true;
   
5. 
   
6.         imgElements.forEach(img = >{
   
7.             if (img.naturalWidth === 0) {
   
8.                 allLoaded = false;
   
9.             }
   
10.         });
    
11. 
    
12.         return allLoaded;
    
13.     }
    
14.     return checkImagesByNaturalWidth('.exam-q img');
    
15. })();

复制代码