chromium / puppeteer 中的调试不会填充评估脚本

Question

所以我启动了以下代码

this.browser = await puppeteer.launch( { headless: false, devtools: true, slowMo: 200});
this.page = await this.browser.newPage();

await this.page.goto(pageUrl);

let result = await this.page.evaluate(() => {
            const labels = document.querySelectorAll("li.product-item");

            let productList = [];

            for(let product of labels) {
                productList.push(product);
            }
            debugger;

            //filter only product stacks that have a price
            const productStacks = productList.filter(product => product.querySelector("span.price-wrapper") !== null);

            let results = productStacks.map(product => {
                return product.querySelector("span.price-wrapper").getAttribute("data-price-amount");
            });

            return results;
        });

因此，chromium 启动并在适当的代码处暂停（据我所知），我什至可以看到局部变量填充了预期结果并逐步执行代码，但是打开的文件puppeteer_evaluation_script没有填充评估脚本，并且仍然保留内容，所以我正在盲目地进行。

//# sourceURL=__puppeteer_evaluation_script__

有时，几分钟后，它实际上会填充代码。我不知道出了什么问题，我尝试更新最新的节点 lts 和 puppeteer 但有相同的行为。

Answer 1

我不知道是什么原因导致这个问题，但这里有两个可能的解决方案。

为了避免得到：

//# sourceURL=__puppeteer_evaluation_script__

您可以公开一个函数：

const puppeteer = require('puppeteer'); 

var browser = null;
var page = null;

(async () => 
{
    browser = await puppeteer.launch(
    {
        headless: false,
        devtools: true,
    });

    page = await browser.newPage();

    await page.goto("https://google.com/");

    // Expose a function
    page.exposeFunction("nothing", () => null);


    await page.evaluate(async function()
    {
        debugger;
        
        console.log("Do task");
    });
})();

万一以后失败了。我制作了一个包装器以供使用，eval()因为源代码似乎使用了它。它适用于同步和异步函数，并支持传递参数和返回值。

function evaluateFixed(page, realFunction)
{
    return page.evaluate(async function(realFunction, args)
    {
        var func = eval(`(${realFunction})`);

        if(func.constructor.name === "AsyncFunction")
            return await func(...args);
        else
            return func(...args);
    },
    realFunction.toString(), Array.from(arguments).slice(2));
}


(async () => 
{
    browser = await puppeteer.launch(
    {
        headless: false,
        devtools: true,
    });

    
    page = await browser.newPage();

    await page.goto("https://google.com/");

    console.log("Doing test");

    let res = await evaluateFixed(page, async function(x, y, z)
    {
        debugger;

        console.log("Do task", x, y, z);

        function sleep(amount)
        {
            return new Promise((resolve) => setTimeout(resolve, amount));
        }
        
        for(let  i = 0; i < 10; i++)
        {
            console.log("on seconds", i);
            await sleep(1000);
        }

        return { "fee": "foo" };

    }, 1, "two", { "three": 3});
    
    console.log("Res 1", res);
    

    res = await evaluateFixed(page, () =>
    {
        debugger;

        return 1 + 2;
    });
    
    console.log("Res 2", res);
    
})();