查看“Playwright”的源代码

Playwright是微软源的一个Web测试和自动化框架。支持 Chromium、Firefox和WebKit浏览器，[[Linux]]、[[macOS]]和[[Windows]]平台，[[Python]]、.NET和[[Java]]等多语言。 

==简介==
===时间轴===

===安装===
安装[[Python]]版本：
<syntaxhighlight lang="bash" >
# 安装pytest插件版playwright
# pip install pytest-playwright
# 安装Pytest
pip install playwright 

# 安装所有支持的浏览器及配置驱动
# playwright install
# 只安装chrome浏览器及配置驱动，使用playwright install -h可以查看帮助
# 目前支持chromium, chrome, chrome-beta, msedge, msedge-beta, msedge-dev, firefox, webkit浏览器。 
playwright install chrome
</syntaxhighlight>
{{了解更多
|[https://playwright.dev/python/docs/intro Playwright Python 文档：安装]
|[https://playwright.dev/python/docs/library  Playwright Python 文档：入门]
}}
==快速入门==
=== 同步模式 ===
<syntaxhighlight lang="python" >
from playwright.sync_api import sync_playwright

playwright = sync_playwright().start()
# 使用playwright.chromium, playwright.firefox or playwright.webkit
# 默认无界面模式，launch使用headless=False设置有界面
browser = playwright.firefox.launch(headless=False)
page = browser.new_page()
page.goto("https://www.baidu.com")
page.screenshot(path="截图.png")
browser.close()
playwright.stop()
</syntaxhighlight>

更常用使用with语句：
<syntaxhighlight lang="python" >
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.firefox.launch(headless=False)
    page = browser.new_page()
    page.goto("https://www.baidu.com/")
    # 输入框输入文字
    # page.locator('//input[@id="kw"]').fill('playwright') 
    page.fill('//input[@id="kw"]', 'playwright')
    # 点击搜索按钮
    # page.locator('//input[@id="su"]').click()  
    page.click('//input[@id="su"]')
    # 延迟5秒，单位毫秒
    page.wait_for_timeout(5*1000)    
    page.screenshot(path="截图.png")
    browser.close()
</syntaxhighlight>

代码在[[Jupyter]]中运行会出现错误：<code>Error: It looks like you are using Playwright Sync API inside the asyncio loop.Please use the Async API instead.</code>。解决办法：代码保存到<code>测试.py</code>，在终端运行<code>python 测试.py</code>。
{{了解更多
|[https://playwright.dev/python/docs/library  Playwright Python 文档：入门]
}}
=== 异步模式 ===
使用with语句
<syntaxhighlight lang="python" >
import asyncio
from playwright.async_api import async_playwright

async def main():
    async with async_playwright() as p:
        browser = await p.firefox.launch(headless=False)
        page = await browser.new_page()
        await page.goto("https://wwww.baidu.com")
        print(await page.title())
        await browser.close()

asyncio.run(main())
</syntaxhighlight>
{{了解更多
|[https://playwright.dev/python/docs/library  Playwright Python 文档：入门]
}}

==浏览器==
===安装和使用===
{| class="wikitable" 
! 名称
! 描述
|-
| chromium
| 使用<code>playwright install chromium</code>安装好浏览器和驱动
<syntaxhighlight lang="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("https://www.baidu.com/")
    page.wait_for_timeout(5*1000)  # 等待5秒   
    page.screenshot(path="截图.png")
    browser.close()
</syntaxhighlight>
|-
| chrome
| 使用<code>playwright install chrome</code>自动安装浏览器和驱动，也可以自己安装浏览器和驱动。
<syntaxhighlight lang="python" >
browser = p.chromium.launch(
        channel="chrome",
        headless=False,
        slow_mo=10,
        # 跳过检测
        args=['--disable-blink-features=AutomationControlled']
    )
</syntaxhighlight>
|-
| firefox
| 使用<code>playwright install firefox</code>自动安装浏览器和驱动<syntaxhighlight lang="python" >
browser = p.firefox.launch(headless=False)
</syntaxhighlight>
|-
| 
| 
|}
==页面==

==元素==
===定位===
{| class="wikitable" 
! 名称
! 描述
! 示例
|-
| 
| 
| 
|-
| 
| 
| 
|-
| 
| 
| 
|}
{{了解更多
|[https://playwright.dev/python/docs/locators Playwright Python 文档：定位]
}}
===属性===
{| class="wikitable" 
! 名称
! 描述
! 示例
|-
| 
| 
| 
|-
| 
| 
| 
|-
| 
| 
| 
|}
{{了解更多
|[https://playwright.dev/python/docs/api/class-locator Playwright Python API：locator类]
}}

==事件监听==

{{了解更多
|[https://playwright.dev/python/docs/api/class-page#events Playwright Python API：Page类 - events]
}}

==调试工具==
===Inspector===
设置为debug模式，运行代码时即可打开Playwright Inspector。设置方法：设置环境变量<code>PWDEBUG=1</code>。
<syntaxhighlight lang="python" >
# Bash
PWDEBUG=1 pytest -s

# PowerShell中
$env:PWDEBUG=1

# Batch
set PWDEBUG=1
</syntaxhighlight>

{{了解更多
|[https://playwright.dev/python/docs/debug#playwright-inspector  Playwright Python 文档：调试 - Playwright Inspector]
}}
===Trace Viewer===
{{了解更多
|[https://playwright.dev/python/docs/debug#trace-viewer  Playwright Python 文档：调试 - Trace Viewer]
}}
==代码生成器==
使用<code>playwright codegen</code>命令可以运行代码生成，会打开两个窗口，一个是浏览器，另一个是Playwright Inspector窗口。在浏览器器中操作，会在Inspector窗口实时生成代码。可以使用<code>playwright codegen -h</code>查看帮助。
<syntaxhighlight lang="bash" >
# 使用firefox浏览器，打开www.baidu.com网页。
playwright codegen www.baidu.com -b firefox

#  生成代码保存到test.py
playwright codegen -o test.py -b firefox
</syntaxhighlight>

{{了解更多
|[https://playwright.dev/python/docs/codegen Playwright Python 文档：测试生成器]
}}

==检测与防检测==
===防检测===
{| class="wikitable" 
! 名称
! 描述
|-
| 设置参数，运行add_init_script
| 删除一些特征。
<syntaxhighlight lang="python" >
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(
            channel="chrome",
            headless=False,
            slow_mo=10,
            # 防检测
            args=['--disable-blink-features=AutomationControlled']
        )
    page = browser.new_page()
    page.add_init_script("""
    Object.defineProperties(navigator, {webdriver:{get: () => undefined}});
    """)
    page.goto("https://wwww.baidu.com")
    page.wait_for_timeout(5*1000)    
    page.screenshot(path="截图.png")
    browser.close()
</syntaxhighlight>
|-
| 
| 
|-
| 
| 
|}

==资源==
===官网===
* Playwright 官网：https://playwright.dev
* Playwright 源代码：https://github.com/microsoft/playwright
* Playwright Python版源代码：https://github.com/microsoft/playwright-python
* Playwright Python 文档：https://playwright.dev/python/docs/intro
* Playwright Python API：https://playwright.dev/python/docs/api/class-playwright

===网站===

===文章===
*[https://cuiqingcai.com/36045.html 静觅：崔庆才 - 新兴爬虫利器Playwright 的基本用法]
*[https://soulteary.com/2022/11/28/playwrights-concise-introductory-tutorial-recording-automated-test-cases-and-using-it-with-docker.html#%E5%86%99%E5%9C%A8%E5%89%8D%E9%9D%A2 苏洋博客：Playwright 简明入门教程：录制自动化测试用例，结合 Docker 使用]