如何通过设置断点调试传递给 VSCode 中 puppeteer 的 page.evaluate 方法的代码？答案

【问题标题】：How to debug the code passed to puppeteer's page.evaluate method in VSCode by setting breakpoints?如何通过设置断点调试传递给 VSCode 中 puppeteer 的 page.evaluate 方法的代码？
【发布时间】：2021-10-26 08:42:44
【问题描述】：

例如，考虑下面的 sn-p。

const page = browser.newPage();
await page.goto(URL);
await page.evaluate(() => {
  // Some large code that sends web requests
});

是否可以通过设置断点来调试传递给 Visual Studio Code 中page.evaluate 方法的代码？使用默认配置，该区域内的断点不会被命中。我还能做些什么来从 VSCode 调试这段代码？

【问题讨论】：

标签： node.js visual-studio-code puppeteer

【解决方案1】：

只需将debugger; 放入：

await page.evaluate(() => {
  debugger;
});

来自文档：https://pptr.dev/

【讨论】：