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.

Membuka panel WebMCP

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

  1. Buka Chrome DevTools di halaman yang menggunakan alat WebMCP.
  2. Klik tab Application.
  3. Di tingkat atas sidebar, pilih panel WebMCP.
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:

  • Invoked Tools: Log kronologis interaksi antara agen AI dan halaman.
  • Available Tools: Daftar live semua alat WebMCP yang terdeteksi di tab aktif.

Alat yang tersedia

Bagian Available tools menampilkan nama dan deskripsi alat seperti yang terlihat oleh agen AI. Bagian ini juga mencakup invocation counter untuk setiap alat, yang menunjukkan berapa kali alat dipanggil selama sesi saat ini.

Daftar Alat yang Tersedia yang menampilkan invocation counter dengan ikon status yang dapat diklik untuk pemfilteran.

Alat yang dipanggil

Log Invoked tools menyediakan catatan interaksi alat yang persisten. 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:

  • Name or description: Masukkan teks untuk menemukan alat yang cocok dengan nama atau tujuan tertentu.
  • Status type: Filter panggilan berdasarkan statusnya saat ini, seperti Completed, Error, Cancelled, atau In Progress.
  • Tool type: Pilih untuk memfilter alat Declarative yang ditentukan dalam HTML dan alat Imperative 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 secara independen. Hal ini berguna untuk memverifikasi logika fungsi tanpa menunggu perintah agen tertentu.

  1. Di daftar Available Tools, 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.

  2. Di area pengujian manual, masukkan atau sesuaikan parameter di kolom input.

  3. Klik Run tool.

Mengarahkan kursor ke item dalam daftar Alat yang Dipanggil untuk menampilkan ikon Putar dan membuka area pengujian manual yang telah diisi otomatis.

Memecahkan masalah integrasi

Panel WebMCP membantu Anda mendiagnosis kegagalan integrasi umum:

  • Schema violations: Panel output menampilkan pesan error jika parameter alat atau nilai yang ditampilkan tidak cocok dengan skema yang ditentukan.
  • Agent rejection: Periksa invocation counter di daftar Available Tools untuk melihat apakah agen pernah mempertimbangkan alat Anda untuk perintah tertentu.

Otomatisasi dan agen

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

Tanda command line

Untuk berinteraksi dengan antarmuka agentic tertentu, Anda harus mengaktifkan tanda --categoryWebMCP secara eksplisit.

Referensi terkait

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