基于Nodejs使用Playwright时的一款VSCode插件

上一篇文章讲解了Playwright框架（基于nodejs，使用playwright对网站进行爬虫），并基于Nodejs进行了网站爬虫。这篇文章，我们来讲一个选择Nodejs的原因：vscode中的浏览器模拟插件

vscode中的浏览器模拟插件

Playwright Test for VSCode可以做什么

1. 可以运行一个或所有test，并打开浏览器模拟操作过程。并可以指定浏览器（Chrome、Webkit、firfox）

2. 它可以像浏览器调试工具一样，使用"跟踪查看器"打开测试的完整跟踪，可以在其中逐步执行测试的每个操作、探索时间线、源代码等。

• 说明：其它语言的也可以使用“跟踪器”，区别是：Nodejs版本的在VsCode中，可以通过插件设置打开查看，而不是通过命令执行

3. Debug模式

• 在 VS Code 中实时调试测试。 选中“显示浏览器”选项运行测试后，单击 VS Code 中的任何定位器，它将在浏览器窗口中突出显示。 如果存在，Playwright就会突出显示它，并显示是否有多个结果
• 可以在不同浏览器中Debug
• 使用跟踪器Debug

4. 记录光标位置、生成测试报告、在代码编辑器中定位元素等

尾记

Playwright Test for VSCode非常好用。在运行test时，可以在vscode中选择是否打开浏览器，如果打开，则就会按照你所指定的顺序打开浏览器执行，对于我们选择一些节点、解析页面非常有帮助。

当然，打开浏览器会影响一些运行性能，建议大家在完全运行的时候关闭。