【PlayWright】Playwright Inspector使用

原创已于 2025-01-04 15:24:27 修改 · 2.6k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-09-23 15:22:33 首次发布

10 篇文章

订阅专栏

Playwright Inspector是Playwright框架中自带的GUI工具，可以辅助开发者调试Playwright脚本。以下是Playwright Inspector的使用方法：

Playwright Inspector可以通过以下几种方式启动：

设置环境变量PWDEBUG：
- 在运行Playwright脚本之前，设置环境变量PWDEBUG=1。这会使Playwright以调试模式运行，并自动打开Playwright Inspector。
- 对于不同的操作系统和命令行工具，设置环境变量的方式可能有所不同。例如，在bash中可以使用PWDEBUG=1 pytest -s，在PowerShell中可以使用$env:PWDEBUG=1 pytest -s。
在脚本中添加page.pause()：
- 在Playwright脚本中的适当位置添加page.pause()或await page.pause()（对于异步代码）。当执行到这一行时，脚本会暂停，并自动打开Playwright Inspector。注意，这要求浏览器以有头模式（headed mode）启动。
使用Playwright CLI：
- 通过Playwright的命令行接口（CLI），使用open或codegen命令也可以启动Playwright Inspector。例如，playwright codegen wikipedia.org会在打开Wikipedia首页的同时启动Playwright Inspector。

录制脚本：
- 在Playwright Inspector中，点击Record按钮开始录制脚本。此时，你可以在页面上进行点击、输入等操作，Playwright Inspector会自动记录这些操作，并生成相应的Playwright代码。
- 录制完成后，再次点击Record按钮停止录制。录制的脚本会显示在Playwright Inspector的界面中，你可以点击Copy按钮将其复制到剪贴板中。
调试脚本：
- Playwright Inspector提供了类似于IDE的调试功能，如暂停（Pause）、逐语句执行（Step Over/Into/Out）等。你可以利用这些功能来调试你的Playwright脚本。
- 在调试过程中，Playwright Inspector会高亮显示当前操作对应的页面元素，帮助你更好地理解脚本的执行过程。
元素定位：
- Playwright Inspector还提供了强大的元素定位功能。你可以通过点击页面上的元素来自动生成选择器，并在Playwright脚本中使用这些选择器来定位和操作元素。

在使用Playwright Inspector时，请确保你的浏览器以有头模式启动，否则某些功能可能无法正常使用。
Playwright Inspector是Playwright框架的一部分，因此它的使用方法和功能与Playwright版本紧密相关。请根据你使用的Playwright版本查阅相应的官方文档或教程。
录制和调试脚本时，请注意脚本的准确性和效率。避免录制不必要的操作或生成冗余的代码。

通过以上步骤，你应该能够开始使用Playwright Inspector来调试和录制Playwright脚本了。如果在使用过程中遇到任何问题，建议查阅Playwright的官方文档或寻求社区的帮助。

快速学习怎么录制代码，可看视频：视频：第1讲 Playwright介绍安装及录制
启动（跳到空白网址）：

playwright codegen

启动（跳到指定网址）：

playwright  codegen http://www.baidu.com

参考