0Pricing
AI Agents · บทเรียน

การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright

Playwright ช่วยให้คุณคลิก พิมพ์ และบันทึกภาพหน้าจอจาก Python ได้ — มาตรฐานสำหรับควบคุมเบราว์เซอร์แบบไร้ส่วนแสดงผล

การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright เป็นบทเรียน AI Agents ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน AI Agents และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส AI Agents มีบทเรียนทั้งหมด 4 บทเรียน

บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ

Playwright คือมาตรฐาน

สำหรับการควบคุมเบราว์เซอร์จริงจาก Python Playwright ถือเป็นมาตรฐานโดยพฤตินัย และแทนที่ Selenium ได้ในกรณีการใช้งานส่วนใหญ่

Install

# pip install playwright
playwright install   # downloads Chromium, Firefox, WebKit

Basic Usage

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    page = browser.new_page()
    page.goto('https://example.com')
    print(page.title())
    browser.close()

ตัวเลือกองค์ประกอบ

Playwright รองรับ CSS, XPath และตัวเลือกข้อความ:

page.click('button.submit')                # CSS
page.click('text=Submit')                  # text
page.click('role=button[name="Submit"]')   # ARIA

Filling Forms

page.fill('input[name="email"]', 'alice@example.com')
page.fill('input[name="password"]', 'secret')
page.click('button[type="submit"]')
page.wait_for_url('https://example.com/dashboard')

รอองค์ประกอบ

Playwright จะรอให้องค์ประกอบมองเห็นและโต้ตอบได้โดยอัตโนมัติ:

page.click('button.export')
page.wait_for_selector('text=Download Ready')
page.click('text=Download Ready')

Reading Content

title = page.title()
body_text = page.inner_text('body')
href = page.get_attribute('a.download', 'href')

Screenshots

page.screenshot(path='page.png')
page.locator('.header').screenshot(path='header.png')

Full-Page Screenshot

page.screenshot(path='full.png', full_page=True)

การดักจับเครือข่าย

บล็อกโฆษณาและตัวติดตาม หรือจำลอง API:

def block_ads(route):
    if 'analytics' in route.request.url:
        route.abort()
    else:
        route.continue_()

page.route('**/*', block_ads)

Async API

from playwright.async_api import async_playwright
import asyncio

async def main():
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        page = await browser.new_page()
        await page.goto('https://example.com')
        await browser.close()

asyncio.run(main())

บริบทเบราว์เซอร์ = หนึ่งเซสชัน

ใช้บริบทเพื่อแยกคุกกี้ระหว่างการทำงานของเอเจนต์แต่ละครั้ง:

context = browser.new_context()
page = context.new_page()
# context.cookies, context.storage_state are isolated

พื้นที่จัดเก็บแบบถาวร

บันทึกสถานะการเข้าสู่ระบบเพื่อข้ามการยืนยันตัวตนใหม่:

context.storage_state(path='state.json')
# Later:
context = browser.new_context(storage_state='state.json')

Tracing for Debugging

context.tracing.start(screenshots=True, snapshots=True)
# do stuff
context.tracing.stop(path='trace.zip')
# Open with: playwright show-trace trace.zip

ทำไมต้องใช้ Playwright

อะไรทำให้ Playwright ดีกว่าเครื่องมือทำงานอัตโนมัติบนเบราว์เซอร์รุ่นเก่า

สรุปทบทวน

ใช้ Playwright ควบคุมเบราว์เซอร์: ติดตั้ง เรียก goto คลิก กรอกข้อมูล และถ่ายภาพหน้าจอ นี่คือชั้นพื้นฐานสำหรับเอเจนต์เบราว์เซอร์ทุกประเภท

คำถามที่พบบ่อย

บทเรียน “การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส AI Agents ให้อัปเกรดเป็น CoddyKit PRO คอร์ส AI Agents มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright”

Playwright ช่วยให้คุณคลิก พิมพ์ และบันทึกภาพหน้าจอจาก Python ได้ — มาตรฐานสำหรับควบคุมเบราว์เซอร์แบบไร้ส่วนแสดงผล คุณปฏิบัติ AI Agents ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน AI Agents หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน AI Agents บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน AI Agents นี้ได้ไหม

ได้ บทเรียน AI Agents ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright
  2. โมเดลการมองเห็นเพื่อทำความเข้าใจหน้าจอ
  3. รูปแบบการใช้งานคอมพิวเตอร์ (Anthropic Computer-Use)
  4. การสร้างเอเจนต์กรอกแบบฟอร์มที่เชื่อถือได้
← กลับไปที่ AI Agents