Langsung ke konten utama
Claude Code terintegrasi dengan ekstensi Claude in Chrome browser untuk memberikan Anda kemampuan otomasi browser dari CLI atau ekstensi VS Code. Bangun kode Anda, kemudian uji dan debug di browser tanpa beralih konteks. Claude membuka tab baru untuk tugas browser dan berbagi status login browser Anda, sehingga dapat mengakses situs apa pun yang sudah Anda masuki. Tindakan browser berjalan di jendela Chrome yang terlihat secara real-time. Ketika Claude menemukan halaman login atau CAPTCHA, ia berhenti dan meminta Anda menanganinya secara manual.
Integrasi Chrome sedang dalam beta dan saat ini hanya bekerja dengan Google Chrome. Belum didukung di Brave, Arc, atau browser berbasis Chromium lainnya. WSL (Windows Subsystem for Linux) juga tidak didukung.

​
Kemampuan

Dengan Chrome terhubung, Anda dapat menggabungkan tindakan browser dengan tugas coding dalam satu alur kerja:
  • Live debugging: baca kesalahan console dan status DOM secara langsung, kemudian perbaiki kode yang menyebabkannya
  • Verifikasi desain: bangun UI dari mock Figma, kemudian buka di browser untuk memverifikasi kecocokannya
  • Pengujian aplikasi web: uji validasi formulir, periksa regresi visual, atau verifikasi alur pengguna
  • Aplikasi web terautentikasi: berinteraksi dengan Google Docs, Gmail, Notion, atau aplikasi apa pun yang Anda masuki tanpa konektor API
  • Ekstraksi data: tarik informasi terstruktur dari halaman web dan simpan secara lokal
  • Otomasi tugas: otomatisasi tugas browser berulang seperti entri data, pengisian formulir, atau alur kerja multi-situs
  • Perekaman sesi: rekam interaksi browser sebagai GIF untuk mendokumentasikan atau berbagi apa yang terjadi

​
Prasyarat

Sebelum menggunakan Claude Code dengan Chrome, Anda memerlukan:
Integrasi Chrome tidak tersedia melalui penyedia pihak ketiga seperti Amazon Bedrock, Google Cloud Vertex AI, atau Microsoft Foundry. Jika Anda mengakses Claude secara eksklusif melalui penyedia pihak ketiga, Anda memerlukan akun claude.ai terpisah untuk menggunakan fitur ini.

​
Mulai di CLI

1

Luncurkan Claude Code dengan Chrome

Mulai Claude Code dengan flag --chrome:
claude --chrome
Anda juga dapat mengaktifkan Chrome dari dalam sesi yang ada dengan menjalankan /chrome.
2

Minta Claude menggunakan browser

Contoh ini menavigasi ke halaman, berinteraksi dengannya, dan melaporkan apa yang ditemukannya, semuanya dari terminal atau editor Anda:
Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear
Jalankan /chrome kapan saja untuk memeriksa status koneksi, mengelola izin, atau menghubungkan kembali ekstensi. Untuk VS Code, lihat otomasi browser di VS Code.

​
Aktifkan Chrome secara default

Untuk menghindari melewatkan --chrome setiap sesi, jalankan /chrome dan pilih “Enabled by default”. Di ekstensi VS Code, Chrome tersedia kapan pun ekstensi Chrome diinstal. Tidak ada flag tambahan yang diperlukan.
Mengaktifkan Chrome secara default di CLI meningkatkan penggunaan konteks karena alat browser selalu dimuat. Jika Anda melihat peningkatan konsumsi konteks, nonaktifkan pengaturan ini dan gunakan --chrome hanya saat diperlukan.

​
Kelola izin situs

Izin tingkat situs diwarisi dari ekstensi Chrome. Kelola izin di pengaturan ekstensi Chrome untuk mengontrol situs mana yang dapat dijelajahi, diklik, dan diketik oleh Claude.

​
Contoh alur kerja

Contoh-contoh ini menunjukkan cara umum untuk menggabungkan tindakan browser dengan tugas coding. Jalankan /mcp dan pilih claude-in-chrome untuk melihat daftar lengkap alat browser yang tersedia.

​
Uji aplikasi web lokal

Saat mengembangkan aplikasi web, minta Claude untuk memverifikasi perubahan Anda berfungsi dengan benar: 
I just updated the login form validation. Can you open localhost:3000,
try submitting the form with invalid data, and check if the error
messages appear correctly?
Claude menavigasi ke server lokal Anda, berinteraksi dengan formulir, dan melaporkan apa yang diamatinya.

​
Debug dengan console logs

Claude dapat membaca output console untuk membantu mendiagnosis masalah. Beri tahu Claude pola apa yang harus dicari daripada meminta semua output console, karena log dapat sangat panjang: 
Open the dashboard page and check the console for any errors when
the page loads.
Claude membaca pesan console dan dapat memfilter pola atau jenis kesalahan tertentu.

​
Otomatisasi pengisian formulir

Percepat tugas entri data berulang: 
I have a spreadsheet of customer contacts in contacts.csv. For each row,
go to the CRM at crm.example.com, click "Add Contact", and fill in the
name, email, and phone fields.
Claude membaca file lokal Anda, menavigasi antarmuka web, dan memasukkan data untuk setiap catatan.

​
Buat draf konten di Google Docs

Gunakan Claude untuk menulis langsung di dokumen Anda tanpa penyiapan API: 
Draft a project update based on the recent commits and add it to my
Google Doc at docs.google.com/document/d/abc123
Claude membuka dokumen, mengklik ke editor, dan mengetik konten. Ini bekerja dengan aplikasi web apa pun yang Anda masuki: Gmail, Notion, Sheets, dan lainnya.

​
Ekstrak data dari halaman web

Tarik informasi terstruktur dari situs web: 
Go to the product listings page and extract the name, price, and
availability for each item. Save the results as a CSV file.
Claude menavigasi ke halaman, membaca konten, dan mengompilasi data ke dalam format terstruktur.

​
Jalankan alur kerja multi-situs

Koordinasikan tugas di berbagai situs web: 
Check my calendar for meetings tomorrow, then for each meeting with
an external attendee, look up their company website and add a note
about what they do.
Claude bekerja di seluruh tab untuk mengumpulkan informasi dan menyelesaikan alur kerja.

​
Rekam GIF demo

Buat rekaman alur interaksi browser yang dapat dibagikan: 
Record a GIF showing how to complete the checkout flow, from adding
an item to the cart through to the confirmation page.
Claude merekam urutan interaksi dan menyimpannya sebagai file GIF.

​
Troubleshooting

​
Ekstensi tidak terdeteksi

Jika Claude Code menampilkan “Chrome extension not detected”:
  1. Verifikasi ekstensi Chrome diinstal dan diaktifkan di chrome://extensions
  2. Verifikasi Claude Code terbaru dengan menjalankan claude --version
  3. Periksa bahwa Chrome sedang berjalan
  4. Jalankan /chrome dan pilih “Reconnect extension” untuk membangun kembali koneksi
  5. Jika masalah berlanjut, restart Claude Code dan Chrome
Pertama kali Anda mengaktifkan integrasi Chrome, Claude Code menginstal file konfigurasi host messaging asli. Chrome membaca file ini saat startup, jadi jika ekstensi tidak terdeteksi pada upaya pertama Anda, restart Chrome untuk mengambil konfigurasi baru. Jika koneksi masih gagal, verifikasi file konfigurasi host ada di:
  • macOS: ~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Linux: ~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Windows: periksa HKCU\Software\Google\Chrome\NativeMessagingHosts\ di Windows Registry

​
Browser tidak merespons

Jika perintah browser Claude berhenti bekerja:
  1. Periksa apakah dialog modal (alert, confirm, prompt) memblokir halaman. Dialog JavaScript memblokir peristiwa browser dan mencegah Claude menerima perintah. Tutup dialog secara manual, kemudian beri tahu Claude untuk melanjutkan.
  2. Minta Claude membuat tab baru dan coba lagi
  3. Restart ekstensi Chrome dengan menonaktifkan dan mengaktifkannya kembali di chrome://extensions

​
Koneksi terputus selama sesi panjang

Service worker ekstensi Chrome dapat menjadi idle selama sesi yang diperpanjang, yang memutus koneksi. Jika alat browser berhenti bekerja setelah periode inaktivitas, jalankan /chrome dan pilih “Reconnect extension”.

​
Masalah khusus Windows

Di Windows, Anda mungkin mengalami:
  • Konflik named pipe (EADDRINUSE): jika proses lain menggunakan named pipe yang sama, restart Claude Code. Tutup sesi Claude Code lain apa pun yang mungkin menggunakan Chrome.
  • Kesalahan host messaging asli: jika host messaging asli mogok saat startup, coba instal ulang Claude Code untuk membuat ulang konfigurasi host.

​
Pesan kesalahan umum

Ini adalah kesalahan yang paling sering dihadapi dan cara menyelesaikannya:
KesalahanPenyebabPerbaikan
”Browser extension is not connected”Host messaging asli tidak dapat menjangkau ekstensiRestart Chrome dan Claude Code, kemudian jalankan /chrome untuk menghubungkan kembali
”Extension not detected”Ekstensi Chrome tidak diinstal atau dinonaktifkanInstal atau aktifkan ekstensi di chrome://extensions
”No tab available”Claude mencoba bertindak sebelum tab siapMinta Claude membuat tab baru dan coba lagi
”Receiving end does not exist”Service worker ekstensi menjadi idleJalankan /chrome dan pilih “Reconnect extension”

​
Lihat juga