NV Cloner

Como funciona

Três fases, um clique.

Você não precisa configurar nada para começar. O padrão já dá conta da maioria dos sites, e a captura roda em segundo plano enquanto você trabalha em outra coisa.

FASE 01

Ela percorre o site inteiro

Rola cada página até o fim, abre menus, abas e carrosséis, entra em shadow DOM e iframes, e vai atrás das subpáginas baixando tudo que aparece pelo caminho.

FASE 02

Traz tudo para o seu disco

Cada endereço vira um caminho local. Nenhum link aponta mais para o site original, e o que não veio fica marcado exatamente onde estava.

FASE 03

Sobe em um comando

O servidor viaja dentro do pacote. Você roda uma linha e o site está no ar em localhost, funcionando com o cabo de rede arrancado.

Recursos

Não é "salvar página como".

Salvar uma página guarda uma foto do HTML. Aqui você leva o site funcionando, com tudo aquilo que um clonador comum deixa para trás.

Os links levam a algum lugar

Clicou, caiu na página clonada. A extensão desarma o roteador do site para que o clique chegue no arquivo que está no seu disco, mesmo em aplicação feita em React.

Fechado por padrão

O clone não fala com a internet. Rastreadores neutralizados, WebSocket desligado, telemetria respondida em branco. Voltar a usar a rede exige um comando explícito seu.

Vem com o manual do design

A paleta real computada, a escala tipográfica, cada @keyframes e cada estado de hover ficam escritos em arquivos próprios, junto de um prompt pronto para uma IA reconstruir o site do zero.

O que faltou fica marcado

Nada some em silêncio. O que a captura não conseguiu trazer vira um retângulo tracejado na altura certa, com o motivo anotado num relatório.

Mobile, tablet e desktop

A mesma passada registra os três tamanhos e resume o que muda em cada breakpoint, lendo direto das media queries do site.

Roda em segundo plano

Feche o popup e siga trabalhando. A captura continua, e tem hora para acabar: se estourar o tempo, ela entrega o que já tem em vez de perder tudo.

Instalação

Quatro passos, menos de um minuto.

A extensão não vem da Chrome Web Store, você carrega a pasta direto no navegador. É o mesmo caminho que todo desenvolvedor usa no dia a dia, e não exige nada além do Chrome.

Baixar

Baixe e extraia

Clique em Baixar ZIP aqui na página. São 454 KB, sem instalador e sem cadastro.

Extraia numa pasta que você não vá apagar, por exemplo Documentos/nevoa-cloner. A pasta escolhida precisa ter o manifest.json dentro dela.

O arquivo sai deste mesmo domínio, sem intermediário. Para conferir que ele chegou intacto, compare a assinatura ao lado.

nevoa-cloner-v5.0.0.zip

454 KB · 26 arquivos

Baixar ZIP

SHA-256 51d83b83db91eee2efb24e98750446cf686d1dd90aca0fc64bf6cbe1e4cb22bd

Abrir

Abra a página de extensões

Cole o endereço abaixo na barra do Chrome e aperte Enter. Não é um site, é uma página interna do próprio navegador.

chrome://extensions

Ativar

Ligue o modo do desenvolvedor

É a chave no canto superior direito da página. Sem ela ligada, o botão do próximo passo nem aparece na tela.

Extensões Modo do desenvolvedor

Carregar sem compactação Compactar extensão

Carregar

Aponte para a pasta

Clique em Carregar sem compactação e escolha a pasta que você extraiu.

O ícone da Nevoa aparece na barra do navegador e o card mostra 5.0.0. Não precisa reiniciar nada.

Documentos

nevoa-cloner

manifest.json

popup, content, icons

Nevoa Cloner5.0.0 · ativada

importante

Não apague nem mova a pasta depois de instalar. O Chrome lê os arquivos dali toda vez que abre, então se a pasta sumir a extensão para de funcionar. Se você atualizar os arquivos, clique em Recarregar no card da extensão.

Uso diário

Abra o site, clique, baixe.

O padrão já resolve a maioria dos casos. Em Avançado ficam os controles que mudam o resultado.

Preset

RápidoCompletoExtremo

Subpáginas

0123

Gravar animaçõesVídeo e frames; aumenta o ZIP

Capturar em 3 tamanhosMobile, tablet e desktop

Remover rastreadoresMenos erro no console

Explorar interaçõesAbre menus, abas e carrosséis

Controle	O que muda
Preset	Rápido (1 página), Completo (30) ou Extremo (300)
Subpáginas	Profundidade do crawl. `0` captura só a página atual
Gravar animações	24 quadros da rolagem, em folhas de contato
Capturar em 3 tamanhos	Refaz em 390px e 768px, redimensionando a janela
Remover rastreadores	Neutraliza GTM, GA, Hotjar e afins dentro do clone
Fechar avisos de cookie	Limpa o banner antes de fotografar
Explorar interações	Abre menus, abas e carrosséis antes de capturar

durante

Você pode fechar o popup e a clonagem continua rodando. O que não pode é fechar ou navegar na aba que está sendo clonada. Site grande leva até 10 minutos, e passando disso ela empacota o que já tem.

Depois do download

Um comando e o site está de pé.

Extraia o ZIP do clone, entre na pasta e rode. Precisa do Node instalado e nada além disso, porque o servidor viaja dentro do pacote.

~/clones/meu-clone

$ npm start

> node servidor.js 3000

✓ Servindo em http://localhost:3000
  32 rotas, 1.847 arquivos, sem internet

$ node _nevoa/smoke.js

  suíte de aceite, 10 critérios
  PASSOU  zero requisição para fora
  PASSOU  toda rota responde 200, sem redirect
  PASSOU  toda lacuna conhecida está marcada
✓ exit 0

atenção

Não abra o clone por file://. Os caminhos são absolutos a partir da raiz e precisam de um servidor. No Windows, extraia para um caminho curto como C:\clones\, por causa do limite de 260 caracteres do sistema.

O pacote

O que vem dentro do clone.

Além do site, a documentação que transforma o clone no ponto de partida de um projeto seu.

index.html o site, rodável, com o JavaScript original preservado

sobre/index.html as subpáginas, com os links internos funcionando

mirror/ todos os recursos, na estrutura de pastas original

servidor.js servidor em Node puro, sem instalar dependência

screenshots/ referência visual de cada seção da página

motion/ quadros das animações, em folhas de contato

REBUILD-PROMPT.md cole numa sessão de IA e ela reconstrói o site

DESIGN.md paleta real computada, tipografia e espaçamento

ANIMATIONS.md cada keyframe e cada ScrollTrigger do GSAP

ENCAIXES.md cada endpoint da interface e onde plugar seu dado

LACUNAS.md o que não veio, por quê, e como reconstruir

Transparência

Antes de contar com ela.

O recorte é proposital. Melhor você saber agora do que descobrir no meio do trabalho.

O backend não vem junto

A interface chega completa e navegável, mas cada chamada de API responde vazio: a tela não quebra, só não tem dado real por trás. Todos os endpoints ficam listados em ENCAIXES.md, com o formato esperado, para você ligar o seu banco.

O Chrome avisa sobre o modo do desenvolvedor

Enquanto a extensão não estiver na Chrome Web Store, o navegador mostra um aviso toda vez que abre. Incomoda, mas não bloqueia nada.

Vídeo em streaming e mapa externo não rodam offline

Viram lacuna marcada, como tudo aquilo que a captura não alcança, e entram no relatório com o motivo.

Clonar um site não transfere a propriedade dele

A ferramenta existe para estudo de design, referência criativa e reconstrução em projeto próprio. Não republique o trabalho de terceiros como se fosse seu.

Clone qualquer site.