寫在前面
一週前，寫了關於Playwright環境搭建及腳本錄製的簡單使用，反饋還是不錯的。
有不少粉絲給我留言說：
覺得沒看夠，能不能再講下腳本的錄製使用？
答案是肯定的，有人願意看，我就可以寫，當然，如果您看完願意幫我再朋友圈轉發一波，那我真的是感激不盡了。
再談腳本錄製
話不多說，下面我們將開始進行講解腳本的錄製，請跟上腳步，相信我這一切並不難。
調試工具
Playwright Inspector 是框架中自帶的GUI工具，可以輔助我們調試Playwright腳本。
三種方式啓動Playwright Inspector
1、設置環境變量PWDEBUG方式啓動
在debug模式下運行腳本文件。會進入Playwright的調試模式並打開Playwright Inspector
示例參數如下：
# Bash
PWDEBUG=1 PLAYWRIGHT_JAVA_SRC=<java source dirs> mvn test
# PowerShell
$env:PLAYWRIGHT_JAVA_SRC="<java source dirs>"
$env:PWDEBUG=1
mvn test
# Batch
set PLAYWRIGHT_JAVA_SRC=<java source dirs>
set PWDEBUG=1
mvn test
2、通過命令行啓動
在 Playwright CLI中使用open或命令：codegen
mvn exec:java -e -Dexec.mainClass=com.microsoft.playwright.CLI -Dexec.args="codegen your address"
3、添加page.pause()方法方式啓動
在你的腳本中添加page.pause()方法，且是必須爲有頭模式啓動瀏覽器，則會進入調試模式（也就是斷點。可以這麼理解的吧）
page.pause();
以上三種方式啓動後，會自動啓動Playwright Inspector，然後按照自己需求錄製腳本，錄製完後，再次點擊Record，點擊Copy即可生成腳本，不熟悉的同學請移步至《微軟出品自動化神器Playwright，不用寫一行代碼（Playwright+Java）系列（一） 之 環境搭建及腳本錄製》
4、部分參數詳解
設置時會配置其他有用的默認值PWDEBUG=1：
- 瀏覽器以
headed模式啓動 - 默認超時設置爲 0（= 無超時）
使用PWDEBUG=console將配置瀏覽器以在開發者工具控制檯中進行調試：
- 帶頭運行：瀏覽器始終以帶頭模式啓動
- 禁用超時：將默認超時設置爲 0（= 無超時）
- 控制檯助手：在瀏覽器中配置一個
playwright對象以生成和突出顯示Playwright 選擇器。這可用於驗證文本或複合選擇器。
腳本的調試
同所有的IDE一樣，Playwright Inspector可以對Playwright腳本進行調試
工具欄從左到右依次爲，直接回放腳本、暫停（F8），F10逐語句執行
1、打開開發者模式
在 headed 模式下運行 Playwright 腳本，通過以下語句進入開發者模式，示例代碼如下：
chromium.launch(new BrowserType.LaunchOptions().setDevtools(true));
2、減慢執行速度輔助調試
Playwright 默認以無頭模式運行瀏覽器。要更改此行爲，請headless: false用作啓動選項。您還可以使用該slowMo選項來減慢執行速度並在調試時跟進。
chromium.launch(new BrowserType.LaunchOptions() // or firefox, webkit
.setHeadless(false)
.setSlowMo(100));
寫在最後
到此關於Playwright腳本的錄製及調試已分享完畢，有興趣的同學可以自行嘗試，另想一起學習的Playwright同學可以加我好友一起學習交流哦。
當然，如果有其他想學習的技術，也可以文末留言或者後臺發給我，我也可以專門爲您寫一篇文章並在公號發表。
有些同學會問了，真的嗎？
當然，可以寫，但是也需要您的轉發和分享，碼字不易，多謝轉發、分享！