Chrome MCP Server: a extensão do Chrome que permite que a IA controle o navegador para automatizar operações

Cromado MCP Server é uma extensão baseada no Chrome. Ele permite que os assistentes de IA (por exemplo, Claude) controlem diretamente o navegador Chrome do usuário por meio do protocolo MCP (Model Context Protocol) para operações automatizadas complexas, análise de conteúdo e pesquisa semântica. Em comparação com as ferramentas tradicionais de automação de navegador (por exemplo, Playwright), ele não precisa iniciar um processo de navegador separado e utiliza diretamente o navegador Chrome aberto do usuário, preservando o status de login, as configurações e os hábitos do usuário. Ele é executado de forma totalmente nativa, protege a privacidade do usuário, oferece suporte a conexões HTTP de streaming e contextos de guias cruzadas e oferece mais de 20 utilitários. Os usuários precisam instalar a extensão do Chrome emcp-chrome-bridgePacote de software. Desenvolvido pela hangwin, ele segue a licença MIT e é adequado para usuários que desejam melhorar a eficiência de seus navegadores com IA.

Lista de funções

• Automação do navegador: suporta assistentes de IA para controlar o navegador e executar ações como clicar, digitar e navegar.
• Pesquisa semântica: banco de dados vetorial integrado para pesquisar de forma inteligente o conteúdo da guia do navegador.
• Análise de conteúdo: extração de texto orientada por IA e correspondência de similaridade para análise rápida de informações da Web.
• Ferramenta de captura de tela: suporta captura de tela de páginas da Web, compactação de imagem base64 otimizada para economizar recursos.
• Monitoramento de rede: monitoramento em tempo real das solicitações de rede e análise do desempenho do carregamento de páginas da Web.
• Detecção de elementos interativos: ferramentas aprimoradas para identificar elementos interativos, incluindo elementos div.
• Captura de saída do console: viachrome_consolepara obter os logs do console do navegador.
• Gerenciamento de favoritos e histórico: suporte à IA para manipular os favoritos do usuário e o histórico de navegação.
• Cross Tab Context: permite o compartilhamento e a manipulação de dados em várias guias.
• Operação local: todas as operações são feitas localmente para garantir a privacidade dos dados.
• Conexão HTTP de fluxo contínuo: fornece comunicação eficiente com tempo de resposta rápido.
• Aceleração SIMD: o WebAssembly otimiza a aritmética vetorial para aumentar a velocidade de 4 a 8 vezes.
• Injeção de scripts: suporta a injeção dinâmica de scripts JavaScript para ampliar a funcionalidade.

Usando a Ajuda

Processo de instalação

Para usar o Chrome MCP Server, os usuários precisam concluir as seguintes etapas de instalação. Todo o processo é simples, mas você precisa garantir que seu ambiente esteja configurado corretamente.

1. Inspeção de requisitos ambientais
   • Certifique-se de que o Node.js esteja instalado (versão 18.19.0 ou superior).
   • Instale o pnpm ou o npm como um gerenciador de pacotes.
   • Use o navegador Chrome ou Chromium (recomenda-se a versão mais recente).
2. Instalar a extensão do Chrome
   • Visite a página de versões do GitHub em https://github.com/hangwin/mcp-chrome/releases.
   • Faça o download da versão mais recente da extensão do Chrome (.crx(Documentação).
   • Abra o Chrome e vá parachrome://extensions/.
   • Ative o "Modo de desenvolvedor" (chave no canto superior direito).
   • arrastar e soltar.crxVá para a página Extensões e clique em "Adicionar extensão" para concluir a instalação.
3. montagemmcp-chrome-bridge
   • Abra um terminal e execute o seguinte comando para instalar globalmentemcp-chrome-bridge::

     npm install -g mcp-chrome-bridge
     

     Ou use o pnpm:

     pnpm install -g mcp-chrome-bridge
     

   • Se estiver usando o pnpm v7+, o script de pós-instalação está desativado por padrão, você precisa ativá-lo:

     pnpm config set enable-pre-post-scripts true
     

   • Se o registro automático falhar, registre-o manualmente:

     mcp-chrome-bridge register
     

4. Configuração do cliente MCP
   • Usando o CherryStudio como exemplo, modifique o arquivo de configuração do cliente MCP para adicionar o seguinte:

     {
     "mcpServers": {
     "chrome-mcp-server": {
     "type": "streamableHttp",
     "url": "http://127.0.0.1:12306/mcp"
     }
     }
     }
     

   • Se o cliente suportar apenas conexões stdio, você precisará verificar se omcp-chrome-bridgeCaminho de instalação e configuração do método de conexão stdio (consulte a documentação oficial)CONTRIBUTING.md).
5. Início dos serviços
   • Após a conclusão da instalação, a extensão do Chrome é ativada automaticamente.
   • estar em movimentomcp-chrome-bridgepara garantir que o serviço escute nohttp://127.0.0.1:12306/mcp.
   • Um assistente de IA (por exemplo, Claude) pode então se conectar ao navegador por meio do protocolo MCP.

Funções principais

Veja a seguir alguns recursos do Chrome MCP Server e o procedimento detalhado.

Automação do navegador

• Descrição funcionalO assistente de IA pode controlar o navegador por meio do protocolo MCP para executar ações como clicar, digitar e navegar. Por exemplo, preenchimento automático de formulários ou abertura de páginas da Web em lote.
• procedimento::
  1. Verifique se o serviço MCP está ativo e se o assistente de IA está conectado.
  2. Digite comandos na interface do AI Assistant, como "Abra o Google e pesquise a palavra-chave 'AI'".
  3. O Chrome executa a ação automaticamente, e a IA analisa o conteúdo da página e retorna o resultado.
  4. Tarefas complexas, como "pesquisar um produto em um site de comércio eletrônico e adicioná-lo ao carrinho de compras", podem ser especificadas por meio de comandos.

pesquisa semântica

• Descrição funcionalPesquisa de vetor: Usando o banco de dados de vetores incorporado, a IA pode pesquisar de forma inteligente o conteúdo das guias do navegador para localizar rapidamente informações relevantes.
• procedimento::
  1. Abra várias guias com o conteúdo a ser pesquisado.
  2. Digite um comando no Assistente de IA, como "Encontre todas as guias que mencionam 'tecnologia de IA'".
  3. A IA analisa o conteúdo da guia e retorna resultados correspondentes, incluindo títulos e resumos.
  4. A IA pode ser instruída a extrair passagens específicas ou saltar para guias relevantes.

análise de conteúdo

• Descrição funcionalIA: a IA pode extrair texto de páginas da Web para correspondência de similaridade ou resumo. Por exemplo, analisar os pontos principais de um artigo de notícias.
• procedimento::
  1. Abra a página da Web de destino, como um artigo de notícias.
  2. Digite comandos no assistente de IA, como "Resumir o conteúdo principal da página da Web atual".
  3. A IA extrai o texto e gera um resumo sucinto ou uma lista de palavras-chave.
  4. A IA pode ser solicitada a comparar o conteúdo de várias páginas da Web para identificar pontos em comum ou diferenças.

Ferramentas de captura de tela

• Descrição funcionalSuporte a captura de tela de página da Web, compactação de imagem base64 otimizada para reduzir o uso de recursos.
• procedimento::
  1. Abra a página da Web da qual você precisa fazer uma captura de tela.
  2. Insira comandos no assistente de IA, como "capturar imagem em tela cheia da página da Web atual".
  3. A IA gera capturas de tela e retorna imagens codificadas em base64.
  4. A imagem pode ser salva ou a IA pode ser solicitada a analisar o conteúdo da imagem (por exemplo, extrair texto).

monitoramento de rede

• Descrição funcionalMonitorar solicitações de páginas da Web em tempo real para analisar o desempenho do carregamento ou solucionar problemas.
• procedimento::
  1. Abra a página de destino.
  2. Digite um comando no assistente de IA, como "Monitorar solicitações da Web para a página da Web atual".
  3. A IA retorna uma lista de solicitações, incluindo URLs, códigos de status e tempos de resposta.
  4. Recursos de carregamento lento ou solicitações incomuns podem ser analisados mais detalhadamente.

advertência

• Certifique-se de que as extensões do Chrome emcp-chrome-bridgeConsistência da versão para evitar problemas de compatibilidade.
• A execução local pode consumir um pouco de memória, portanto, é recomendável fechar as guias desnecessárias.
• Confira a seçãoCONTRIBUTING.mdObtenha mais detalhes de configuração ou contribua com o código.

cenário do aplicativo

1. trabalho de escritório automatizado
   Os funcionários podem usar assistentes de IA para processar em lote tarefas da Web, como preenchimento automático de relatórios, extração de dados ou monitoramento de atualizações de sites. O Chrome MCP Server aproveita o ambiente de navegador existente e economiza tempo, eliminando a necessidade de fazer login novamente.
2. Pesquisa de conteúdo
   Os pesquisadores podem reunir rapidamente informações de várias páginas da Web usando recursos de pesquisa semântica e análise de conteúdo. Por exemplo, analise relatórios do setor ou artigos acadêmicos, extraia os principais pontos e gere resumos.
3. Desenvolvimento e teste da Web
   Os desenvolvedores podem usar o monitoramento de rede e a captura de saída do console para depurar o desempenho da Web ou automatizar as interações de teste. As ferramentas de injeção de scripts permitem a modificação dinâmica de páginas da Web para facilitar a criação de protótipos.
4. Melhoria da eficiência pessoal
   Os usuários podem permitir que a IA gerencie favoritos, histórico de navegação ou execute ações repetitivas, como verificar caixas de correio regularmente ou baixar arquivos em lotes para aumentar a eficiência diária.

QA

1. O Chrome MCP Server requer uma conexão com a Internet?
   Ele é executado totalmente localmente, e a comunicação entre o assistente de IA e o navegador é feita localmente, sem a necessidade de uma conexão com a Internet. No entanto, o próprio assistente de IA pode precisar de rede, dependendo do modelo de IA usado.
2. Quais assistentes de IA são compatíveis?
   Atualmente, oferece suporte a assistentes de IA compatíveis com o protocolo MCP, como o Claude. Mais modelos podem ser estendidos no futuro, verifique o GitHub para obter atualizações.
3. Como você garante a privacidade e a segurança?
   Todas as operações são realizadas localmente e os dados não são carregados na nuvem. Recomenda-se baixar as extensões do GitHub oficial para evitar fontes de terceiros.
4. E se a instalação falhar?
   Verifique se as versões do Node.js e do pnpm estão em conformidade e certifique-se de que o modo de desenvolvedor do Chrome esteja ativado. ConsulteCONTRIBUTING.mdOu envie um problema para obter ajuda.