如何在Playwright脚本的任意节点查看变量值？

以下是几种在Playwright脚本任意节点查看变量值的常用方式，和你之前用的IDE调试逻辑一致：

• 控制台直接打印
  最简单的方式就是用console.log()输出变量，本地变量直接打印，页面上下文的变量需要通过page.evaluate()获取后再打印：

  // 打印本地变量
  const testUrl = 'https://example.com';
  console.log('测试地址:', testUrl);
  
  // 打印页面上下文变量
  const pageText = await page.evaluate(() => document.body.textContent);
  console.log('页面文本:', pageText);
  

• Playwright Inspector 调试
  运行脚本时添加--debug参数（比如npx playwright test --debug），会弹出官方的Inspector窗口。你可以：

  • 点击"Step Over"一步步执行代码
  • 在控制台面板输入变量名实时查看取值
  • 在脚本任意位置插入await page.pause()，执行到该行时自动暂停，方便临时调试特定节点

• IDE断点调试
  主流IDE（VS Code、WebStorm等）都支持Playwright的断点调试：

  • 在代码行左侧点击设置断点
  • 用IDE的调试功能启动脚本（比如VS Code中配置launch.json，或右键选择"Debug"）
  • 执行到断点时，IDE会展示所有本地变量、对象的详细取值，和你之前用的自动化IDE操作完全一致

• Node.js 开发者工具调试
  启动脚本时加上--inspect参数：npx playwright test --inspect，然后打开Chrome浏览器访问chrome://inspect，连接到Playwright的调试进程，就能在Chrome DevTools里设置断点、查看变量和调用栈。

内容的提问来源于stack exchange，提问作者JohnN