Conecte seu agente de IA diretamente à instância ativa do navegador com o recurso de conexão automática. Isso permite que o agente ignore as limitações do sandbox herdando suas guias atuais, extensões do navegador e o estado do aplicativo ativo.
Ao herdar o contexto do fluxo de trabalho, o agente pode passar da escrita de código para a depuração do estado do navegador ativo sem perder os dados da sessão. Isso é útil quando você já atingiu um estado específico do aplicativo (como um processo de finalização da compra complexo ou um erro reproduzido manualmente) e quer que o agente assuma a investigação técnica sem executar essas etapas manualmente.
Considere o seguinte antes de ativar a conexão automática:
- Segurança e privacidade:quando a conexão automática está ativa, o agente tem acesso a todos os dados no seu perfil do navegador, incluindo guias abertas, armazenamento de sessão, armazenamento local, cookies e outros dados exibidos pelas APIs JavaScript.
- Garantia de privacidade de dados:o servidor do Chrome DevTools para agentes é um processo local e não envia os dados do navegador, tokens de sessão ou telemetria ao Google.
- Confiança e comandos:use esse modo apenas com agentes em que você confia e tenha cuidado com as informações incluídas nos comandos.
Pré-requisitos
Antes de usar o recurso de conexão automática, verifique se você tem o seguinte:
- Chrome 144 ou mais recente: a conexão automática exige protocolos de depuração modernos encontrados em versões atuais do Chrome.
- Canal do Chrome correto: o agente se conecta ao Chrome Stable por padrão. Para usar o Canary ou o Beta, especifique o canal na configuração.
- Depuração remota ativada: ative manualmente a ponte entre o seu navegador e o agente.
- Configuração correta: atualize a configuração do MCP para incluir
a flag
--autoConnect.
Configurar a conexão automática
Para configurar o recurso de conexão automática no servidor MCP, faça o seguinte:
- No navegador Chrome em execução, acesse
chrome://inspect/#remote-debugginge ative a depuração remota. Atualize a configuração do MCP para incluir a flag
--autoConnect:{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["chrome-devtools-mcp@latest", "--autoConnect"] } } }Peça ao agente para interagir com o app Chrome aberto. Quando o Chrome pedir permissão para permitir a sessão, clique em Permitir.
O agente agora usa o servidor MCP para interagir com o aplicativo Chrome em execução.
Casos de uso da conexão automática
A conexão automática permite usar ferramentas ou estados que não podem ser usados em sessões do Chrome em sandbox. Por exemplo, em vez de pedir ao agente para fazer login, o que geralmente falha, você pode acessar a página e fazer login. Em seguida, peça ao agente para assumir.
As seções a seguir incluem alguns exemplos de casos de uso do recurso de conexão automática.
Depurar painéis autenticados
As ferramentas internas e os painéis particulares geralmente ficam atrás de camadas complexas de logon único (SSO, na sigla em inglês) ou rede privada virtual (VPN). Um navegador em sandbox geralmente exige um login que o agente não pode ignorar. Com a conexão automática, o agente herda sua sessão ativa.
Exemplo de comando :
I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?
Exemplo de execução do agente:o agente identifica o processo do Chrome, encontra a guia ativa e inspeciona a árvore de acessibilidade para localizar os elementos. Ele também pode usar APIs JavaScript para avaliar conflitos específicos.
Corrigir a guia atual em tempo real
Evite reproduzir erros manualmente. Em vez de traduzir as etapas de reprodução em um novo comando para um agente em sandbox, você pode pedir ao agente para corrigir o bug na página ativa em que ele já ocorreu.
Exemplo de comando :
Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.
Exemplo de execução do agente:como está conectado à janela ativa, o agente analisa o layout e aplica a correção instantaneamente. O botão se move na tela, o que confirma que a correção funciona antes de você atualizar o código-fonte.