การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย 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, WebKitBasic 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"]') # ARIAFilling 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การทำงานอัตโนมัติบนเบราว์เซอร์ด้วย Playwright
- โมเดลการมองเห็นเพื่อทำความเข้าใจหน้าจอ
- รูปแบบการใช้งานคอมพิวเตอร์ (Anthropic Computer-Use)
- การสร้างเอเจนต์กรอกแบบฟอร์มที่เชื่อถือได้