Men-debug alat WebMCP

Gunakan panel WebMCP di Chrome DevTools untuk memeriksa, men-debug, dan menguji alat AI sisi klien yang diekspos situs Anda ke agen AI. Panel ini memberikan visibilitas end-to-end penuh ke dalam siklus proses alat, termasuk pendaftaran, validasi skema, dan histori pemanggilan.

Buka panel WebMCP

Panel WebMCP terletak di dalam panel Application. Untuk membukanya, ikuti langkah-langkah berikut:

  1. Buka Chrome DevTools di halaman yang menggunakan alat WebMCP.
  2. Klik tab Aplikasi.
  3. Di tingkat teratas sidebar, pilih panel WebMCP.
Panel Aplikasi DevTools dengan panel WebMCP yang dipilih di sidebar Aplikasi.
Panel Aplikasi DevTools dengan panel WebMCP dipilih di sidebar Aplikasi.

Ringkasan antarmuka

Panel WebMCP menggunakan tata letak dua panel untuk membantu Anda mengelola dan memantau alat:

  • Alat yang Dipanggil: Log kronologis interaksi antara agen AI dan halaman.
  • Alat yang Tersedia: Daftar live semua alat WebMCP yang terdeteksi di tab aktif.

Alat yang tersedia

Bagian Alat yang tersedia menampilkan nama dan deskripsi alat sebagaimana ditampilkan kepada agen AI. Panel ini juga menyertakan penghitung pemanggilan untuk setiap alat, yang menunjukkan berapa kali alat dipanggil selama sesi saat ini.

Daftar Alat yang Tersedia menampilkan penghitung pemanggilan dengan ikon status yang dapat diklik untuk pemfilteran.
Daftar Alat yang Tersedia yang menampilkan penghitung pemanggilan dengan ikon status yang dapat diklik untuk memfilter.

Alat yang dipanggil

Log Alat yang dipanggil memberikan catatan persisten tentang interaksi alat. Saat memilih entri dalam log, Anda dapat memeriksa detail berikut:

  • Status: Hasil pemanggilan (Selesai, Dibatalkan, Dalam Proses, atau Error.)
  • Input: Parameter persis yang diprediksi dan dikirim agen ke alat.
  • Output: Nilai yang ditampilkan atau pesan error yang diberikan oleh alat.

Memfilter log

Gunakan panel Filter untuk mempersempit daftar alat yang dipanggil berdasarkan kriteria berikut:

  • Nama atau deskripsi: Masukkan teks untuk menemukan alat yang cocok dengan nama atau tujuan tertentu.
  • Jenis status: Memfilter panggilan berdasarkan statusnya saat ini, seperti Selesai, Error, Dibatalkan, atau Dalam Proses.
  • Jenis alat: Pilih untuk memfilter alat Deklaratif yang ditentukan dalam HTML dan alat Imperatif yang ditentukan dalam JavaScript. Untuk melihat semua jenis alat, pastikan tidak ada filter yang aktif.

Menguji alat secara manual

Anda dapat melewati logika keputusan agen AI untuk menguji keandalan alat Anda secara independen. Hal ini berguna untuk memverifikasi logika fungsi tanpa menunggu perintah agen tertentu.

  1. Dalam daftar Alat yang Tersedia, klik alat yang ingin Anda uji. Atau, di log Invoked Tools, arahkan kursor ke alat untuk menampilkan ikon Play (➜), lalu klik. Area pengujian manual akan terbuka. Catatan: Jika Anda memilih alat dari daftar Alat yang tersedia, parameter di area pengujian manual akan kosong. Jika tidak, jika Anda memilih alat yang dipanggil, area pengujian manual akan terbuka dengan parameter dari sesi tersebut yang sudah diisi otomatis.
  2. Di area pengujian manual, masukkan atau sesuaikan parameter di kolom input.
  3. Klik Jalankan alat.
Arahkan kursor ke item dalam daftar Alat yang Dipanggil untuk menampilkan ikon Play dan membuka area pengujian manual yang telah diisi otomatis.
Arahkan kursor ke item dalam daftar Alat yang Dipanggil untuk menampilkan ikon Play dan membuka area pengujian manual yang telah diisi otomatis.

Memecahkan masalah integrasi

Panel WebMCP membantu Anda mendiagnosis kegagalan integrasi umum:

  • Pelanggaran skema: Panel output menampilkan pesan error jika parameter atau nilai yang ditampilkan alat tidak cocok dengan skema yang ditentukan.
  • Penolakan agen: Periksa penghitung pemanggilan di daftar Alat yang Tersedia untuk melihat apakah agen pernah mempertimbangkan alat Anda untuk perintah tertentu.

Otomatisasi dan agen

WebMCP dirancang untuk web agentik, tempat agen AI dapat menemukan dan berinteraksi dengan alat situs Anda. Untuk pengembangan yang dibantu agen, project Chrome DevTools for agents menyediakan antarmuka khusus yang menggunakan protokol ini untuk membantu agen AI menguji dan menggunakan alat WebMCP Anda.

Tanda command line

Antarmuka agentik tertentu mengharuskan Anda mengaktifkan tanda --categoryWebMCP secara eksplisit.

Referensi terkait

Untuk mempelajari lebih lanjut WebMCP dan web agentik, lihat referensi berikut: