Publicado em: 18 de maio de 2026
| Explicação | Web | Extensões | Status do Chrome | Intenção |
|---|---|---|---|---|
| GitHub |  Teste do desenvolvedor |
Teste do desenvolvedor |
Ver | Intenção de experimentar |
É possível usar a API imperativa WebMCP para definir muitos tipos de ferramentas com JavaScript padrão. Suas ferramentas podem executar funções diferentes, como entrada de formulário, navegação no site e gerenciamento de estado.
Antes de usar essa API, leia sobre casos de uso de exemplo.
Fornecer contexto do modelo
Use a interface modelContext para registrar ferramentas. O registro de ferramentas exige um nome, uma descrição e um esquema de entrada com propriedades relevantes.
Use registertool para adicionar uma única ferramenta ao contexto do modelo.
Criador de WebMCPza
navigator.modelContext.registerTool({
name: 'toggle_layer',
description: 'Control pizza layers (sauce, cheese).
Use "add", "remove", or "toggle".',
inputSchema: {
type: 'object',
properties: {
layer: { type: 'string', enum: ['sauce-layer', 'cheese-layer'] },
action: { type: 'string', enum: ['add', 'remove', 'toggle'] },
},
required: ['layer'],
},
execute: ({ layer, action }) => {
toggleLayer(layer, action);
return `Performed ${action || 'toggle'} on layer: ${layer}`;
},
});
Receber o status do pedido
navigator.modelContext.registerTool({
name: 'get_order_status',
description: 'Search orders in a given timeframe. Returns order number, shipping status and location',
inputSchema: {
"type": "object",
"properties": {
"timeframe": { "type": "string", "oneOf": [
{ "type": "string", "const": "today", "title": "Today" },
{ "type": "string", "const": "yesterday", "title": "Yesterday" },
{ "type": "string", "const": "last_7_days", "title": "Last 7 Days" },
{ "type": "string", "const": "last_30_days", "title": "Last 30 Days" },
{ "type": "string", "const": "last_6_months", "title": "Last 6 Months" }],
"enum": [ "today", "yesterday", "last_7_days", "last_30_days", "last_6_months" ],
"description": "Timeframe for the order lookup." }
},
"required": [ "timeframe" ]
}
});
É possível remover uma ferramenta com AbortSignal, quando transmitida como um parâmetro opcional.
const addTodoTool = {
name: "addTodo",
description: "Add a new item to the todo list",
inputSchema: {
type: "object",
properties: { text: { type: "string" } },
},
execute: ({ text }) => {
// You should handle the persistence logic here (omitted for demo)
return `Added todo: ${text}`;
},
annotations: {
readOnlyHint: false,
untrustedContentHint: true
},
};
const controller = new AbortController();
navigator.modelContext.registerTool(addTodoTool, { signal: controller.signal });
// Unregister the tool later...
controller.abort();
Interagir e compartilhar feedback
O WebMCP está em discussão ativa e sujeito a mudanças no futuro. Se você testar essa API e tiver feedback, gostaríamos de saber.
- Leia a explicação do WebMCP, faça perguntas e participe da discussão.
- Leia as práticas recomendadas do WebMCP.
- Analise a implementação do Chrome no status do Chrome.
- Participe do programa de visualização antecipada para conferir as novas APIs e acessar nossa lista de e-mails.
- Se você tiver feedback sobre a implementação do Chrome, registre um bug do Chromium.