O WebMCP é um padrão da Web proposto para que os sites exponham a funcionalidade deles como ferramentas estruturadas invocadas por agentes de IA. O Chrome DevTools para agentes permite que seu agente de programação interaja diretamente com essas ferramentas, ajudando você a analisar e fazer sugestões sobre como preparar seu site para o WebMCP.
Ao usar o DevTools para agentes, você pode verificar se o aplicativo expõe corretamente as ferramentas do WebMCP, testar a execução delas e identificar áreas em que os agentes de IA se beneficiam de funcionalidades adicionais expostas no seu site. O WebMCP pode ser implementado no seu site com a ajuda das habilidades de agente incluídas no Modern Web Guidance.
Ao trabalhar com o WebMCP, tenha em mente o seguinte:
- Flag experimental: a categoria WebMCP não está ativa por padrão. Use a sinalização
--categoryExperimentalWebmcp. Para mais informações sobre como participar, consulte o teste de origem do WebMCP. - Requisitos do navegador: esse recurso exige o Chrome 149 ou mais recente com os recursos do WebMCP ativados. Isso significa que o site que você está testando está inscrito no teste de origem do WebMCP ou que você ativou manualmente a flag correspondente do WebMCP no navegador Chrome local.
- Distinção do público-alvo: embora o servidor MCP do DevTools seja um recurso de depuração voltado para desenvolvedores, as ferramentas do WebMCP podem ser chamadas por qualquer pessoa que use um agente de navegador para interagir com sites. O DevTools para agentes ajuda você a criar e testar essas ferramentas WebMCP voltadas ao usuário.
Casos de uso para testar e depurar ferramentas do WebMCP
Há várias maneiras de usar o WebMCP. Cada site é diferente, assim como cada conjunto de ferramentas do WebMCP. Siga nosso framework sobre como definir e criar ferramentas úteis para seu site ou aplicativo da Web.
Por exemplo, se você tiver um site de agência de viagens com ferramentas para ajudar o agente de um usuário a concluir ações relevantes, confira exemplos de comandos que podem ser usados com o DevTools para que os agentes testem se as ferramentas funcionam como esperado.
Instrua o agente a listar e executar ferramentas do WebMCP para simplificar os testes e o desenvolvimento.
Observação:as etapas de execução do agente são exemplos de comportamento potencial. Como há muitos tipos diferentes de agentes e eles não são deterministas, você pode receber resultados diferentes.
Verificar a exposição da ferramenta WebMCP
Ao adicionar suporte ao WebMCP no seu site, você pode pedir ao seu agente de programação para verificar se as ferramentas estão expostas corretamente ao navegador e se os esquemas de entrada estão bem definidos.
Exemplo de comando:
Implement a 'book_flight' WebMCP tool to this page to help agents book flights. Verify that it's correctly registered and ready for AI agents to use.
Exemplo de execução do agente:seu agente detecta a necessidade de inspecionar ferramentas
expostas e invoca de forma autônoma a ferramenta list_webmcp_tools. Ele analisa a saída, confirma se a ferramenta foi registrada e valida se o esquema está bem formado.
Depurar a execução de ferramentas do WebMCP
Confirme se a lógica interna da sua ferramenta WebMCP funciona conforme o esperado quando chamada por uma IA com entradas específicas. Você pode instruir o agente a executar a ferramenta e monitorar a resposta do aplicativo.
Exemplo de comando:
Try using the 'add_to_cart' tool on this page to add product 12345. Let me know if it succeeds or if the application throws any errors.
Exemplo de execução do agente:seu agente reconhece a intenção de testar uma ação específica. Ele determina de forma autônoma o esquema de entrada correto, usa
execute_webmcp_tool para executá-lo e monitora a resposta do aplicativo
(incluindo a verificação dos registros do console) para informar o status de sucesso ou depurar quaisquer
falhas.
Resolver problemas de clareza do esquema
Quando um agente de IA não consegue chamar uma ferramenta do WebMCP corretamente várias vezes, isso geralmente acontece devido a um esquema JSON ambíguo. Você pode pedir ao agente para revisar o esquema na perspectiva de um LLM e sugerir melhorias.
Exemplo de comando:
My 'schedule_meeting' tool is failing to parse the various date formats sent by different AI agents. Can you review the tool's schema and suggest how I can improve the descriptions or constraints so agents know exactly which format is required?
Exemplo de execução do agente:seu agente busca as ferramentas expostas do WebMCP e analisa o inputSchema de "schedule_meeting". Ele identifica que o parâmetro de data não tem uma descrição clara ou uma restrição de formato e sugere um esquema JSON corrigido (por exemplo, adicionando uma descrição como "Date in
YYYY-MM-DD format") para você implementar no seu código.