0Pricing
AI Agents · Pelajaran

Otomatisasi Peramban dengan Playwright

Playwright memungkinkan Anda mengeklik, mengetik, dan mengambil tangkapan layar dari Python — standar untuk mengendalikan peramban tanpa antarmuka grafis.

Otomatisasi Peramban dengan Playwright adalah pelajaran AI Agents gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar AI Agents, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus AI Agents mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

Playwright adalah Standar

Untuk mengendalikan peramban nyata dari Python, Playwright adalah standar de facto. Playwright menggantikan Selenium untuk sebagian besar kasus penggunaan.

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()

Pemilih

Playwright mendukung pemilih CSS, XPath, dan teks:

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')

Menunggu Elemen

Playwright secara otomatis menunggu elemen agar terlihat dan dapat digunakan:

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)

Intersepsi Jaringan

Blokir iklan/pelacak atau buat tiruan 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())

Konteks Peramban = Satu Sesi

Gunakan konteks untuk mengisolasi cookie di antara proses agen:

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

Penyimpanan Persisten

Simpan status login untuk melewati autentikasi ulang:

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

Mengapa Playwright?

Apa yang membuat Playwright lebih baik daripada alat otomatisasi peramban yang lebih lama?

Ringkasan

Playwright untuk mengendalikan peramban: instalasi, goto, click, fill, screenshot. Lapisan dasar untuk agen peramban apa pun.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Otomatisasi Peramban dengan Playwright” gratis?

Ya — teks lengkap “Otomatisasi Peramban dengan Playwright” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus AI Agents, upgrade ke CoddyKit PRO. Kursus AI Agents mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Otomatisasi Peramban dengan Playwright”?

Playwright memungkinkan Anda mengeklik, mengetik, dan mengambil tangkapan layar dari Python — standar untuk mengendalikan peramban tanpa antarmuka grafis. Kamu berlatih AI Agents dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai AI Agents?

Tidak diperlukan pengalaman sebelumnya. AI Agents di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Otomatisasi Peramban dengan Playwright” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran AI Agents ini?

Ya. Setiap pelajaran AI Agents menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Otomatisasi Peramban dengan Playwright
  2. Model Visi untuk Memahami Layar
  3. Pola Penggunaan Komputer (Anthropic Computer-Use)
  4. Membangun Agen Pengisian Formulir yang Andal
← Kembali ke AI Agents