==<font size=2 >python版本要求3.7+以上才可安裝</font>== ## 安裝playwright ```python! pip install playwright #安裝套件 pip playwright install #安裝playwright執行所需瀏覽器 ``` playwright的好處是不用像selenium維護dirver透過driver操作，執行速度會更快。 ## playwright 代碼示例 我們使用playwright要打開 1.瀏覽器 2.上下文(獨立瀏覽器環境) 3.page 以下程式是基本的使用方式，貼到vscode執行就可感受playwright有多快速! ```python! from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch(headless=False) page = browser.new_page() page.goto("http://www.google.com") # 前往google page.screenshot(path="example.png") # 截圖當前頁面 browser.close() #關閉瀏覽器 ``` #### 開啟playwright 打開playwright有兩種方式 1.with 2.start ``` with sync_playwright() as p: browser = p.chromium.launch() ``` ``` playwright = sync_playwright().start() browser = playwright.chromium.launch() ``` #### 瀏覽器設置 預設為無頭模式，這兩者是代表執行自動化測試時，要不要開啟瀏覽器介面，顯示操作每個步驟。 ==無頭－headless=Flase== ==有頭－headless=True== #### 錄製腳本 playwright可使用指令來錄製腳本，會顯示兩個視窗一為瀏覽器，二為playwright inspector，於瀏覽器操作時可在inspector視窗看到相對應的程式碼 ``` playwright codegen http://網址 ``` ![](https://hackmd.io/_uploads/Skh0FqAF3.png =80%x) #### 等待機制 playwright已內建等待機制，亦可增加等待時間待元素可見或做調試。 ```python! page.wait_for_timeout(3000) #單位為毫秒 ``` #### 運行中暫停 ```python! page.pause() #斷點 ``` 撰寫測試案例時可能會遇到查找不到元素，測試過程中欲暫停調試， 可於測試案例中寫入 page.pause()，運行到斷點時會跳出inspector的視窗， 點選「pick locator」，可點選欲查找之元素，顯示該元素定位。 ![](https://hackmd.io/_uploads/r1o15cAF2.png)