微軟開(kāi)源最強(qiáng)Python自動(dòng)化神器Playwright！不用寫(xiě)一行代碼！

image

大家好，我是八阿哥。

相信玩過(guò)爬蟲(chóng)的朋友都知道selenium，一個(gè)自動(dòng)化測(cè)試的神器工具。寫(xiě)個(gè)Python自動(dòng)化腳本解放雙手基本上是常規(guī)的操作了，爬蟲(chóng)爬不了的，就用自動(dòng)化測(cè)試湊一湊。

雖然selenium有完備的文檔，但也需要一定的學(xué)習(xí)成本，對(duì)于一個(gè)純小白來(lái)講還是有些門(mén)檻的。

最近，微軟開(kāi)源了一個(gè)項(xiàng)目叫「playwright-python」，簡(jiǎn)直碉堡了！這個(gè)項(xiàng)目是針對(duì)Python語(yǔ)言的純自動(dòng)化工具，連代碼都不用寫(xiě)，就能實(shí)現(xiàn)自動(dòng)化功能。

image

可能你會(huì)覺(jué)得有點(diǎn)不可思議，但它就是這么厲害。下面我們一起看下這個(gè)神器。

1. Playwright介紹

Playwright是一個(gè)強(qiáng)大的Python庫(kù)，僅用一個(gè)API即可自動(dòng)執(zhí)行Chromium、Firefox、WebKit等主流瀏覽器自動(dòng)化操作，并同時(shí)支持以無(wú)頭模式、有頭模式運(yùn)行。

Playwright提供的自動(dòng)化技術(shù)是綠色的、功能強(qiáng)大、可靠且快速，支持Linux、Mac以及Windows操作系統(tǒng)。

image

2. Playwright使用

安裝

Playwright的安裝非常簡(jiǎn)單，兩步走。

# 安裝playwright庫(kù)
pip install playwright

# 安裝瀏覽器驅(qū)動(dòng)文件（安裝過(guò)程稍微有點(diǎn)慢）
python -m playwright install
復(fù)制代碼

上面兩個(gè)pip操作分別安裝：

• 安裝Playwright依賴庫(kù)，需要Python3.7+

• 安裝Chromium、Firefox、WebKit等瀏覽器的驅(qū)動(dòng)文件

錄制

使用Playwright無(wú)需寫(xiě)一行代碼，我們只需手動(dòng)操作瀏覽器，它會(huì)錄制我們的操作，然后自動(dòng)生成代碼腳本。

下面就是錄制的命令codegen，僅僅一行。

# 命令行鍵入 --help 可看到所有選項(xiàng)
python -m playwright codegen
復(fù)制代碼

codegen的用法可以使用--help查看，如果簡(jiǎn)單使用就是直接在命令后面加上url鏈接，如果有其他需要可以添加options。

python -m playwright codegen --help
Usage: index codegen [options] [url]

open page and generate code for user actions

Options:
  -o, --output <file name>  saves the generated script to a file
  --target <language>       language to use, one of javascript, python, python-async, csharp (default: "python")
  -h, --help                display help for command

Examples:

  $ codegen
  $ codegen --target=python
  $ -b webkit codegen https://example.com
復(fù)制代碼

options含義：

• -o：將錄制的腳本保存到一個(gè)文件

• --target：規(guī)定生成腳本的語(yǔ)言，有JS和Python兩種，默認(rèn)為Python

• -b：指定瀏覽器驅(qū)動(dòng)

比如，我要在baidu.com搜索，用chromium驅(qū)動(dòng)，將結(jié)果保存為my.py的python文件。

python -m playwright codegen --target python -o 'my.py' -b chromium https://www.baidu.com
復(fù)制代碼

命令行輸入后會(huì)自動(dòng)打開(kāi)瀏覽器，然后可以看見(jiàn)在瀏覽器上的一舉一動(dòng)都會(huì)被自動(dòng)翻譯成代碼，如下所示。

[圖片上傳失敗...(image-d2845f-1608524085107)]

結(jié)束后自動(dòng)關(guān)閉瀏覽器，保存生成的自動(dòng)化腳本到py文件。

from playwright import sync_playwright

def run(playwright):
    browser = playwright.chromium.launch(headless=False)
    context = browser.newContext()

    # Open new page
    page = context.newPage()

    page.goto("https://www.baidu.com/")

    page.click("input[name=\"wd\"]")

    page.fill("input[name=\"wd\"]", "jingdong")

    page.click("text=\"京東\"")

    # Click //a[normalize-space(.)='京東JD.COM官網(wǎng) 多快好省 只為品質(zhì)生活']
    with page.expect_navigation():
        with page.expect_popup() as popup_info:
            page.click("http://a[normalize-space(.)='京東JD.COM官網(wǎng) 多快好省 只為品質(zhì)生活']")
        page1 = popup_info.value
    # ---------------------
    context.close()
    browser.close()

with sync_playwright() as playwright:
    run(playwright)
復(fù)制代碼

此外，playwright還提供了同步和異步的API接口，文檔如下。

鏈接：https://microsoft.github.io/playwright-python/index.html

同步

下面示例代碼：依次打開(kāi)三個(gè)瀏覽器，前往baidu搜索，截圖后退出。

from playwright import sync_playwright

with sync_playwright() as p:
    for browser_type in [p.chromium, p.firefox, p.webkit]:
        browser = browser_type.launch()
        page = browser.newPage()
        page.goto('https://baidu.com/')
        page.screenshot(path=f'example-{browser_type.name}.png')
        browser.close()
復(fù)制代碼

異步

異步操作可結(jié)合asyncio同時(shí)進(jìn)行三個(gè)瀏覽器操作。

import asyncio
from playwright import async_playwright

async def main():
    async with async_playwright() as p:
        for browser_type in [p.chromium, p.firefox, p.webkit]:
            browser = await browser_type.launch()
            page = await browser.newPage()
            await page.goto('http://baidu.com/')
            await page.screenshot(path=f'example-{browser_type.name}.png')
            await browser.close()

asyncio.get_event_loop().run_until_complete(main())
復(fù)制代碼

移動(dòng)端

更厲害的是，playwright還可支持移動(dòng)端的瀏覽器模擬。 下面是官方文檔提供的一段代碼，模擬在給定地理位置上手機(jī)iphone 11 pro上的Safari瀏覽器，首先導(dǎo)航到maps.google.com，然后執(zhí)行定位并截圖。

from playwright import sync_playwright

with sync_playwright() as p:
    iphone_11 = p.devices['iPhone 11 Pro']
    browser = p.webkit.launch(headless=False)
    context = browser.newContext(
        **iphone_11,
        locale='en-US',
        geolocation={ 'longitude': 12.492507, 'latitude': 41.889938 },
        permissions=['geolocation']
    )
    page = context.newPage()
    page.goto('https://maps.google.com')
    page.click('text="Your location"')
    page.screenshot(path='colosseum-iphone.png')
    browser.close()
復(fù)制代碼

另外，還可以配合pytest插件一起使用，感興趣可以自己試一下。

3. 總結(jié)

playwright相比已有的自動(dòng)化測(cè)試工具有很多優(yōu)勢(shì)，比如：

• 跨瀏覽器，支持Chromium、Firefox、WebKit
• 跨操作系統(tǒng)，支持Linux、Mac、Windows
• 可提供錄制生成代碼功能，解放雙手
• 可用于移動(dòng)端

目前存在的缺點(diǎn)就是生態(tài)和文檔還不是非常完備，比如沒(méi)有API中文文檔、沒(méi)有較好的教程和示例供學(xué)習(xí)。不過(guò)相信，隨著知道的人越來(lái)越多，未來(lái)會(huì)越來(lái)越好。

GitHub鏈接：https://github.com/microsoft/playwright-python

開(kāi)源組織：Microsoft