Puppeteer सभी छवियों को लोड करने के लिए प्रतीक्षा करें, फिर स्क्रीनशॉट लें

Question

मैं Puppeteer का उपयोग कर रहा हूं ताकि सभी छवियों को लोड करने के बाद वेबसाइट का स्क्रीनशॉट लेने का प्रयास किया जा सके लेकिन इसे काम पर नहीं लाया जा सके।

const puppeteer = require('puppeteer'); 

(async() => { 
    const browser = await puppeteer.launch(); 
    const page = await browser.newPage(); 
    await page.goto('https://www.digg.com/'); 

    await page.setViewport({width: 1640, height: 800}); 

    await page.evaluate(() => { 
     return Promise.resolve(window.scrollTo(0,document.body.scrollHeight)); 
    }); 

    await page.waitFor(1000); 

    await page.evaluate(() => { 
     var images = document.querySelectorAll('img'); 

     function preLoad() { 

      var promises = []; 

      function loadImage(img) { 
       return new Promise(function(resolve,reject) { 
        if (img.complete) { 
         resolve(img) 
        } 
        img.onload = function() { 
         resolve(img); 
        }; 
        img.onerror = function(e) { 
         resolve(img); 
        }; 
       }) 
      } 

      for (var i = 0; i < images.length; i++) 
      { 
       promises.push(loadImage(images[i])); 
      } 

      return Promise.all(promises); 
     } 

     return preLoad(); 
    }); 

    await page.screenshot({path: 'digg.png', fullPage: true}); 

    browser.close(); 
})(); 

Answer 1

कि के लिए एक built-in option है:

await page.goto('https://www.digg.com/', {"waitUntil" : "networkidle0"}); 

networkidle0 - नेविगेशन पर विचार अनुरूप तैयार किया जाए जब वहाँ कम से कम 500 एमएस

के लिए 0 से अधिक नेटवर्क कनेक्शन नहीं हैं

networkidle2 - कम से कम 500 एमएस के लिए 2 से अधिक नेटवर्क कनेक्शन होने पर नेविगेशन समाप्त होने पर विचार करें।

पीएस बेशक यह काम नहीं करेगा यदि आप अंतहीन-स्क्रॉलिंग-सिंगल-पेज-एप्लिकेशन जैसे ट्विटर के साथ काम कर रहे हैं।

Answer 2

मैं ठीक उसी मुद्दे का सामना करना पड़ रहा हूँ:

यहाँ कोड मुझे मिल गया है अब तक, मैं उदाहरण के रूप में वेबसाइट https://www.digg.com का उपयोग कर रहा है। मैं एक समाधान लग रहा है का उपयोग कर शामिल होगी:

await page.setRequestInterceptionEnabled(true); 

page.on('request', interceptedRequest => { 
    //some code here that adds this request to ... 
    //a list and checks whether all list items have ... 
    //been successfully completed! 
}); 

https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagesetrequestinterceptionenabledvalue