在 puppeteer 中评估后给予超时无效

Question

我有一个包含少量可视化的页面。我必须评估图表并调整其大小。在评估时，调整大小需要几秒钟。以前我是用 phantom 做的。我曾经在回调函数中给出超时并且它工作得很好。我正在尝试使用无法正常工作的木偶操纵者进行相同的尝试。从某种意义上说不起作用，即使在超时后也没有调整大小。

示例木偶代码（不工作）

const puppeteer = require('puppeteer');
const fs = require('fs');

function timeout(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}
(async() => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.setViewport({ width: 2048, height: 1024 });


    await page.goto("http://localhost:3000", { timeout: 180000 });

    await timeout(5000);
    page.on('console', msg => console.log('PAGE LOG:', msg.text()));
    await page.evaluate(function() {
            for (var i = 0; i < $('.react-grid-item').length; i++) {
                $('.react-grid-item:eq(' + i + ')').css({
                    position: 'absolute',
                    height: '300px',
                    width: '100%',
                    top: (i * 300) + 'px',
                    left: '0px'
                })
            }
        })
        .then(function() {
            setTimeout(function() {
                page.pdf({
                    path: 'test' + new Date() + '.pdf',
                    // height: 7777,
                    // width: 2048,
                    format: 'a4',
                    displayHeaderFooter: false,
                    margin: {
                        top: "75px",
                        bottom: "75px"
                    }
                });
                // console.log(sum);
            }, 5000);
        }).catch(function(err) {
            console.error(err);
        })

})();

Answer 1

使用 await/async 尝试如下操作：

await page.evaluate((a, b) => {
    return a + b
  }, 1, 2).then((sum) => {
    setTimeout(() => {
      console.log(sum)
    }, 2000)
})

在 puppeteer 中评估后给予超时无效

Giving timeout after evaluate in puppeteer is not working

node.js

phantomjs

puppeteer