人形はすべての画像がロードされるのを待ってからスクリーンショットを撮る

Question

私はPuppeteerを使用して、すべての画像がロードされても動作することができなくなった後にウェブサイトのスクリーンショットを撮ろうとします。ここで

は、私がこれまで持っているコードですが、私は例のウェブサイトとしてhttps://www.digg.comを使用しています：

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あり： 私が使用して関与するソリューションを感じている

networkidle0

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

- ナビゲーションを考えるが終了するときがあります少なくとも500ミリ秒間にネットワーク接続が0以下であること

networkidle2 - 少なくとも500ミリ秒間に2つ以上のネットワーク接続が存在しない場合、ナビゲーションを終了することを検討してください。

P.S.もちろん、あなたがTwitterのようなエンドレススクロールのシングルページアプリケーションを扱っているなら、それはうまくいかないでしょう。

Answer 2

私は正確に同じ問題に直面しています。

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