VSCode调试器执行Playwright代码及断点调试Promise问题咨询

可以在VSCode调试器中执行Playwright代码，但你遇到的调试控制台执行代码返回pending Promise、浏览器无响应的问题，是因为VSCode调试控制台的上下文限制，以下是具体解决办法：

解决方法 #

1. 用Playwright Inspector替代调试控制台 #

启动调试时添加PWDEBUG=1环境变量：

• Windows：在终端执行set PWDEBUG=1 && node 你的脚本名.js
• macOS/Linux：在终端执行PWDEBUG=1 node 你的脚本名.js

启动后会自动打开Playwright Inspector，断点暂停时，Inspector内置的控制台支持直接执行带await的Playwright代码，代码会立即生效，和你在Python调试时的体验一致。

2. 调试控制台的兼容写法 #

如果非要用VSCode自带的调试控制台，不要直接写await page.goto("https://example.com")，改用.then()链式调用触发Promise执行：

page.goto("https://example.com").then(() => console.log("页面跳转完成"))

这种写法能让Promise被执行，浏览器会做出响应，只是不如async/await直观。

3. 调整VSCode调试配置 #

在项目的.vscode/launch.json中添加PWDEBUG=1环境变量，确保调试配置兼容Playwright：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "启动Playwright脚本",
      "program": "${workspaceFolder}/你的脚本名.js",
      "env": { "PWDEBUG": "1" }
    }
  ]
}

问题原因 #

VSCode调试控制台在断点暂停时，默认执行上下文不支持直接在顶层使用await（未包裹在async函数内），而Playwright的所有API都是异步的，直接写await会导致Promise处于pending状态无法被执行，因此浏览器没有反应。

内容的提问来源于stack exchange，提问作者Honza Brázda