首页Playwright Inspector

Playwright Inspector

时间: 2025-01-29 21:41:36 浏览: 39

### 如何使用 Playwright Inspector 进行网页自动化调试和测试 #### 启动 Playwright Inspector 为了启动 Playwright Inspector，可以通过命令行输入 `npx playwright inspect` 或者如果已经安装了全局的 Playwright，则可以直接使用 `playwright inspect` 命令来开启此工具[^2]。 #### 浏览器与 Inspector 窗口操作一旦启动成功，Playwright 将会自动打开两个窗口。第一个是标准浏览器窗口，在这里可以像平常一样浏览页面并与之互动；第二个则是 Playwright Inspector 的界面，允许在此处执行各种调试功能，比如查看DOM节点详情、属性变化等[^3]。 #### 记录测试用例在 Playwright Inspector 中能够轻松创建新的测试案例。当用户通过浏览器窗口访问目标站点并完成一系列动作之后，这些行为会被实时捕捉下来，并转换成对应的 Playwright JavaScript/TypeScript 代码片段显示于Inspector面板内。这不仅简化了编写复杂场景下的交互逻辑过程，同时也提高了开发效率[^1]。 #### 修改视窗尺寸有时为了模拟不同的设备环境来进行兼容性验证，可能需要调整浏览器窗口大小。此时可利用 `--viewport-size` 参数指定所需的宽高比例，例如：`playwright codegen --viewport-size=800,600 example.com` 可以让测试在一个分辨率为800*600像素的空间里运行[^4]。 ```bash playwright codegen --viewport-size=800,600 https://example.com/ ``` #### 复制及管理测试脚本除了自动生成外，还可以手动编辑已有的测试步骤或是删除不需要的部分。另外也支持切换编程语言版本（目前主要提供Python、JavaScript 和 TypeScript），方便团队成员根据个人喜好选择最合适的语法风格工作。

阅读全文