目錄

        一、簡(jiǎn)介+使用場(chǎng)景

        二、環(huán)境部署（準(zhǔn)備）

        三、代碼生成器（優(yōu)勢(shì)）

        四、元素定位器（核心）

        五、追蹤查看器（輔助）

        六、權(quán)限控制與認(rèn)證（高級(jí)）

        七、其他重要功能（進(jìn)階）

pip install playwright

playwright install

playwright install chromium

https://playwright./builds/chromium/1080/chromium-win64.zip

from playwright.sync_api import sync_playwright

browser = sync_playwright().start().chromium.launch(executable_path='C:\Users\lenovo\AppData\Local\ms-playwright\chromium_win64_special-1050\chrome-win\chrome.exe')

playwright能夠按順序自動(dòng)生成用戶與瀏覽器交互行為（包括鼠標(biāo)點(diǎn)擊、鍵盤輸入、元素拖動(dòng)、頁面跳轉(zhuǎn)、窗口切換等）的自動(dòng)化代碼，使用命令行輸入，其后跟要訪問的url：

playwright codegen https://v

你可以在瀏覽器頁面進(jìn)行各種交互行為，生成器會(huì)按順序自動(dòng)生成代碼：

代碼生成后可以直接復(fù)制在你的IDE中，節(jié)省了大量時(shí)間，提高爬蟲或自動(dòng)化效率

playwright支持的網(wǎng)頁元素定位器有很多：

• 官方推薦的定位方式，這種定位方式與代碼生成器中的元素定位是一樣的

from playwright.sync_api import sync_playwright


def run() -> None:
    browser = sync_playwright().start().chromium.launch(headless=False, slow_mo=60)
    context = browser.new_context()
    page = context.new_page()
    page.goto(url)
    page.get_by_text("登錄").click()
    page.get_by_placeholder("Please enter your email").click()
    page.get_by_placeholder("Please enter your email").fill('123')
    
    context.close()
    browser.close()
    sync_playwright().stop()

run()

語法非常簡(jiǎn)潔，這種page.get_by_text("登錄").click()元素定位方式就是官方推薦的方式，這種定位方式是唯一的，不像CSS/XPath定位，一旦網(wǎng)頁DOM元素改變，定位也要跟著變，所以官方才推薦這種元素唯一的定位方式

• CSS定位

page.locator('css=<元素定位器>')

• XPath定位

page.locator('xpath=<元素定位器>')

page.locator('<CSS/XPath元素定位器>')

page.content()

import time

# 延時(shí)2秒，以秒為單位
time.sleep(2)

# 延時(shí)2秒，這里是以毫秒為單位
page.wait_for_timeout(2000)

from playwright.sync_api import sync_playwright, Playwright


def run(playwright: Playwright) -> None:
    browser = playwright.chromium.launch(headless=False)
    context = browser.new_context()

    context.tracing.start(snapshots=True, screenshots=True, sources=True)

    page = context.new_page()
    page.goto('https://v')
    page.screenshot(path='screenshot_test.jpg')

    context.tracing.stop(path='playwright_trace.zip')

    context.close()
    browser.close()


with sync_playwright() as playwright:
    run(playwright)

https://trace.v/

playwright show-trace playwright_trace.zip

使用場(chǎng)景：當(dāng)爬蟲工程師抓取數(shù)據(jù)或自動(dòng)化工程師測(cè)試某些重要功能時(shí)需要注冊(cè)/登錄之后，才能看見我們想要抓取或測(cè)試的內(nèi)容

如果驗(yàn)證過程過于復(fù)雜或麻煩，比如滑動(dòng)驗(yàn)證碼如何識(shí)別缺口位置及拖動(dòng)

對(duì)于點(diǎn)觸驗(yàn)證碼來說，又有按順序點(diǎn)擊不同長(zhǎng)度的文字，比如bilibili，按文字說明點(diǎn)擊符合要求的圖片，比如請(qǐng)點(diǎn)擊下方含有小轎車的圖片，鏈接如下：

https://

還有行為驗(yàn)證碼，比如給你一組圖片，讓你轉(zhuǎn)動(dòng)圖片直到與給定示例圖片相同的方向才行，Twitter其中一種驗(yàn)證方式就是這樣的

國外有些網(wǎng)站的注冊(cè)/登錄驗(yàn)證有可能還需進(jìn)行郵箱驗(yàn)證碼二次驗(yàn)證，國內(nèi)的驗(yàn)證碼大多二次驗(yàn)證以短信為主

當(dāng)然，其實(shí)我們也可以使用OpenCV、深度學(xué)習(xí)、第三方打碼服務(wù)平臺(tái)（付費(fèi)）、手機(jī)短信驗(yàn)證碼的自動(dòng)化處理（監(jiān)聽手機(jī)短信內(nèi)容+將短信內(nèi)容轉(zhuǎn)發(fā)到指定的位置）來解決

但是如果你臨時(shí)接到一個(gè)需求并且時(shí)間比較急，破解驗(yàn)證過程又比較復(fù)雜麻煩的話可采用手動(dòng)驗(yàn)證獲取其中的登錄憑證以json文件保存到本地，這個(gè)文件里面保存的其實(shí)就是相關(guān)的cookie和賬戶的一些信息，有兩種方式可以獲取到：

• 命令行方式

playwright codegen https:// --save-storage=auth.json

https:///accounts/label/aave

playwright codegen --load-storage=auth.json https:///accounts/label/aave

from playwright.sync_api import sync_playwright


def run():
    playwright = sync_playwright().start()
    browser = playwright.chromium.launch(headless=False, slow_mo=100, args=['--disable-infobars', '--window-size=1366,880'])
    
    context = browser.new_context()
    page = context.new_page()
    page.set_viewport_size({'width': 1366, 'height': 880})
    page.goto('https:///accounts/label/aave')
    page.get_by_role('button', name='Close').click()
    #把憑證權(quán)限保存到當(dāng)前目錄的auth.json文件
    context.storage_state(path='auth.json')
    #延時(shí)3分鐘以保證足夠的時(shí)間完成手動(dòng)登錄
    page.wait_for_timeout(3*60*1000)

    context.close()
    browser.close()
    playwright.stop()


run()

from playwright.sync_api import sync_playwright


def run():
    playwright = sync_playwright().start()
    browser = playwright.chromium.launch(headless=False, slow_mo=100, args=['--disable-infobars', '--window-size=1366,880'])
    """
    Generate authentication by using codegen:
    > playwright codegen https:// --save-storage=auth.json
    
    Verifing the authentication whether is alive or useful:
    > playwright codegen --load-storage=auth.json https:///accounts/label/aave
    """
    context = browser.new_context(storage_state='auth.json')
    page = context.new_page()
    page.set_viewport_size({'width': 1366, 'height': 880})
    page.goto('https:///accounts/label/aave')
    # 獲取網(wǎng)頁源碼，方便進(jìn)行元素解析及數(shù)據(jù)獲取
    response = page.content()
    # banabala-----------------------
    # 延遲2秒-----------------------
    page.wait_for_timeout(2*1000)

    context.close()
    browser.close()
    playwright.stop()


run()

from pyquery import PyQuery as pq

doc = pq(page.content())

模擬瀏覽器執(zhí)行JS

page.evaluate('array => array.length', list(range(10)))

page = browser.new_page()
page.route(
    "/static/js/chunk.js",
    lambda route: route.fulfill(path="./chunk.js")
)
page.goto(url)

page.evaluate('''function crypto() {return window.encryParams("%s")}''' % params)

from playwright.sync_api import sync_playwright


def run():
 playwright = sync_playwright().start()
 browser = playwright.chromium.launch(headless=False, slow_mo=5)
 iphone_13 = vices['iPhone 13']
 context = browser.new_context(**iphone_13, locale='de-DE', timezone_id='Europe/Berlin',
                               permissions=['notifications', 'geolocation']

 page = context.new_page()
 page.goto('https://cnblogs.com/makerchen')
 page.wait_for_timeout(20000)

 context.close()
 browser.close()
 playwright.stop()

run()

from playwright.sync_api import Route

def handle_route_response(route: Route) -> None:
    # Fetch original response.
    response = route.fetch()
    # Add a prefix to the title.
    body = response.text()
    body = body.replace("<title>", "<title>My prefix:")
    route.fulfill(
        # Pass all fields from the response.
        response=response,
        # Override response body.
        body=body,
        # Force content type to be html.
        headers={**response.headers}
    )

https://v/