WebMCP

Alexandra Klepper

Data publikacji: 18 maja 2026 r., ostatnia aktualizacja: 1 października 2026 r.

WebMCP to proponowany standard internetowy, który ułatwia tworzenie i udostępnianie strukturalnych narzędzi dla agentów AI. WebMCP udostępnia JavaScript i dodaje adnotacje do elementów formularza HTML, aby agenty dokładnie wiedziały, jak wchodzić w interakcje z funkcjami strony, aby wspierać użytkownika. Może to znacznie zwiększyć wydajność i niezawodność działania agenta.

Kluczowe pojęcie: działanie to symulowanie przez agenta ręcznych kliknięć myszą i wpisywania tekstu, tak jakby to użytkownik wchodził w interakcję z Twoją witryną. Mogą to być pojedyncze zadania, takie jak kliknięcie linku lub wpisanie treści w formularzu, albo złożone zadania, takie jak dokonanie zakupu.

Agenci AI to nowsza technologia. Mogą one pomagać użytkownikom w wykonywaniu złożonych i technicznych zadań. WebMCP zapewnia większą dokładność w przypadku wykonywania zadań agentowych i może być dodawany jako progresywne ulepszanie.

Film z wyjaśnieniem	Sieć	Rozszerzenia	Stan Chrome	Intencja
GitHub	Testowanie origin		Wyświetl	Zamiar przeprowadzenia eksperymentu

Dlaczego WebMCP?

WebMCP może pomóc Ci wypełnić lukę między aplikacjami internetowymi a agentami, zwiększając wydajność, niezawodność i skuteczność wykonywania zadań dzięki udostępnianiu reguł interakcji. Zamiast sprawdzać element, np. przycisk lub pole, aby zrozumieć jego przeznaczenie, witryna deklaruje jego cel, dzięki czemu jest on używany prawidłowo.

Jest to bardziej niezawodne niż aktywacja, która może obejmować wiele kroków i pozostawiać każdy z nich otwarty na interpretację przez agenta.

Po lewej stronie agent pobiera dane z DOM. Po prawej stronie agent wywołuje narzędzie. Wypróbuj samodzielnie w naszej wersji demonstracyjnej rezerwacji spotkań.

Witryny mogą udostępniać wyraźny cel, np. wyszukiwanie lub zakup, definiując tool. Narzędzia działają w widoczny sposób na stronie internetowej, dzięki czemu użytkownicy zyskują pewność, że zadania są wykonywane zgodnie z oczekiwaniami. Dzięki temu zachowasz spójność marki i wybory projektowe oparte na potrzebach użytkowników.

WebMCP obsługuje:

• Wykrywanie: standardowy sposób rejestrowania narzędzi na stronach u agentów, np. checkout lub filter_results.
• Schematy JSON: wyraźne definicje danych wejściowych i oczekiwanych danych wyjściowych, które zmniejszają ryzyko halucynacji lub nieporozumień.
• Stan: wspólne zrozumienie kontekstu bieżącej strony, dzięki czemu agent wie, jakie zasoby są dostępne do działania w czasie rzeczywistym.

Naszym celem jest tworzenie interfejsów API, które może wdrożyć każdy browser z funkcjami agenta i z których może korzystać, aby użytkownicy mogli łatwiej wykonywać zadania. Możesz śledzić ten proces na GitHub.

Przypadki użycia

WebMCP można wykorzystywać w internecie na wiele sposobów. Na przykład:

• Pomóż klientom uzyskać pomoc Jeśli udostępniasz klientom oprogramowanie, możesz mieć złożony proces obsługi, który pozwala odpowiadać na wiele różnych pytań. WebMCP może pomóc pracownikowi obsługi klienta szybciej przejść do odpowiedniego formularza i wypełnić pola informacjami podanymi przez użytkownika.
• Ulepszanie rezerwacji podróży. Pomóż agentom rezerwować złożone podróże obejmujące wiele miast i wielu pasażerów w mniejszej liczbie kroków.

Niektóre działania mogą być poufne, np. dokonanie zakupu. Możesz dodać polecenie, które spowoduje wyświetlenie okna potwierdzenia, w którym użytkownik będzie mógł potwierdzić operację.

W praktyce narzędzia mogą wykonywać te zadania:

• Wypełnianie formularzy strukturalnych: utwórz submit_application narzędzie, które pomoże agentom prawidłowo mapować dane zebrane podczas rozmowy z użytkownikiem na pola formularza. Możesz na przykład określić, czy pole wymaga podania pełnego imienia i nazwiska, czy osobno imienia i nazwiska.
• Interakcje agentów pomocy w interfejsach przeznaczonych dla ludzi: niektóre pola są przeznaczone dla użytkowników, ale mogą być niezrozumiałe dla agentów. Możesz utworzyć date_pick narzędzie, które umożliwia złożony wybór daty i godziny w rezerwacji lub podczas rezerwowania wydarzenia.
• Szybsze debugowanie aplikacji: na stronie ustawień dewelopera możesz utworzyć run_diagnostics narzędzie, dzięki któremu agent będzie mógł uruchamiać poprawki, które w inny sposób są ukryte w zagnieżdżonych menu.

Nie widzisz swojego przypadku użycia? A może masz pomysł, którym chcesz się podzielić w przypadku WebMCP? Zadawaj pytania i uczestnicz w dyskusjach na GitHubie

Rozpocznij

Dołącz do wersji próbnej origin WebMCP w Chrome 149. Dowiedz się więcej o pierwszych krokach z okresami próbnymi.

Lokalny WebMCP

WebMCP jest dostępny jako flaga Chrome do lokalnego programowania:

1. Otwórz Chrome i kliknij chrome://flags/#enable-webmcp-testing.
2. Ustaw flagę na Włączono.
3. Uruchom ponownie Chrome, aby zastosować zmiany.

Korzystanie z interfejsów WebMCP API

Do konfigurowania narzędzi w witrynie możesz używać 2 interfejsów API:

• Interfejs API w trybie imperatywnym: definiuj różne typy narzędzi za pomocą standardowego JavaScriptu, np. dane wejściowe formularza, narzędzia nawigacyjne, zarządzanie stanem lub inne funkcje.
• Deklaratywny interfejs API: dodaj adnotacje do standardowych formularzy HTML, aby utworzyć narzędzie WebMCP.

Uwaga: Angular ma eksperymentalną obsługę WebMCP.

Ograniczenia

WebMCP ma na celu ułatwienie agentom i pracownikom wykonywania złożonych zadań, ale ma pewne ograniczenia:

• Scenariusze przeglądania bez interfejsu graficznego: chociaż narzędzia WebMCP można uruchamiać w środowiskach bez interfejsu graficznego, ten interfejs API jest przeznaczony głównie do lokalnych przepływów pracy w przeglądarce z udziałem człowieka.
• Obciążenie w przypadku złożonych interfejsów: jeśli Twoja witryna jest bardzo złożona, prawdopodobnie musisz przeprowadzić refaktoryzację lub dodać JavaScript, aby obsługiwać stan aplikacji i interfejsu.
• Wykrywalność narzędzi: klienty i przeglądarki muszą odwiedzić witrynę bezpośrednio, aby dowiedzieć się, czy ma ona narzędzia, które można wywołać.

Zasady dotyczące uprawnień

Dostęp do obu interfejsów API jest ograniczony przez tools zasady dotyczące uprawnień. Domyślnie zasada ma wartość self, która umożliwia rejestrację narzędzi w kontekstach najwyższego poziomu i kontekstach tego samego pochodzenia, a wyłącza ją w przypadku elementów iframe z innych źródeł.

Aby zezwolić narzędziom WebMCP w międzyźródłowym elemencie iframe, dodaj do niego atrybut allow="tools".

Prezentacja

Dostępne są przykłady wersji demonstracyjnych obejmujące implementacje imperatywne i deklaratywne:

• WebMCP zaMaker korzysta z interfejsu WebMCP Imperative API.
• Wersja demonstracyjna dotycząca podróży (React) korzysta z interfejsu WebMCP Imperative API.
• Wersja demonstracyjna Le Petit Bistro korzysta z deklaratywnego interfejsu WebMCP API.

Możesz też przejrzeć i poznać kod źródłowy wersji demonstracyjnej na GitHub.

Symulowanie czatu z pracownikiem obsługi klienta za pomocą rozszerzenia Inspektora

Zainstaluj rozszerzenie Model Context Tool Inspector, aby eksperymentować z agentem i sprawdzać, jak narzędzia WebMCP działają w wersjach demonstracyjnych na żywo lub w Twoich aplikacjach. Używaj promptów w języku naturalnym, aby sprawdzić, czy agent wchodzi w interakcję z narzędziami WebMCP zgodnie z oczekiwaniami.

Dzięki rozszerzeniu możesz:

• Sprawdzaj, które narzędzia są zarejestrowane na stronie, monitorując interfejs WebMCP API.
• Ręcznie wywołuj narzędzia i wykonuj funkcje.
• Sprawdź, czy schemat JSON jest prawidłowo zdefiniowany i czy przeglądarka może analizować dane zgodnie z oczekiwaniami narzędzia.
• Sprawdź, czy dane wyjściowe lub komunikaty o błędach zwracane przez narzędzie są napisane w jasny sposób i poprawnie sformatowane, aby pracownik obsługi klienta mógł je zrozumieć.

Porozmawiaj z agentem w języku naturalnym, aby sprawdzić, czy potrafi prawidłowo zidentyfikować i wywołać odpowiednie narzędzia WebMCP. Twoje prompty są domyślnie wysyłane do modelu gemini-3-flash-preview.

Uwaga: ta funkcja jest oddzielna od funkcji Gemini w Chrome.

Zaangażuj się i prześlij opinię

WebMCP jest obecnie przedmiotem dyskusji i w przyszłości może ulec zmianie. Jeśli wypróbujesz te interfejsy API i będziesz mieć jakieś uwagi, chętnie je poznamy.

• Dołącz do wersji próbnej origin WebMCP i postępuj zgodnie z instrukcjami wdrażania w Chrome na stronie Chrome Status.
• Przeczytaj wyjaśnienie dotyczące WebMCP, zadawaj pytania i bierz udział w dyskusji.
• Przeczytaj sprawdzone metody dotyczące WebMCP.
• Zapoznaj się z naszymi wskazówkami dotyczącymi bezpieczeństwa narzędzi WebMCP i sprawdzonymi metodami.
• Jeśli masz uwagi dotyczące implementacji w Chrome, zgłoś błąd w Chromium.