Question

我有一个页面，其中包含一些可视化内容。我必须评估图表并调整其大小。在评估时，需要几秒钟来调整大小。以前我是用幻影来做的。我过去在回调函数中设置了超时时间，并且效果很好。我正在使用不起作用的puppeteer尝试相同的操作。从某种意义上讲，它不能正常工作，即使在超时后也无法进行调整大小。

木偶代码示例（不起作用）

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中进行评估后给予超时无法正常工作

1 个答案: