← Voltar para Funcionalidades
Pro

Site Stack

O Site Stack escaneia qualquer site e identifica sua stack tecnológica completa — frameworks frontend (React, Vue, Angular, Svelte), meta-frameworks (Next.js, Nuxt, SvelteKit), plataformas CMS (WordPress, Shopify), ferramentas de análise (Google Analytics, Hotjar), CDNs (Cloudflare, Vercel) e dezenas de outras. Todas as tecnologias detectadas são exibidas em um painel categorizado com nomes, versões e ícones.

Entender qual tecnologia um site usa é valioso para análise competitiva, aprendizado, decisões de contratação e prospecção de vendas. Serviços como BuiltWith e Wappalyzer oferecem isso, mas exigem visitar um site separado ou instalar uma extensão dedicada. O Site Stack é construído diretamente no DevSuite Pro — ative-o em qualquer página e veja o detalhamento tecnológico completo instantaneamente. A ferramenta funciona analisando múltiplos sinais: variáveis globais de JavaScript (React.__SECRET, __NEXT_DATA__, __NUXT__), meta tags e atributos HTML (generator, ng-version), cabeçalhos HTTP (X-Powered-By, Server), URLs de scripts e folhas de estilo (cdn.shopify.com, googletagmanager.com) e padrões de estrutura DOM. Cada detecção é confirmada através de múltiplos sinais quando possível, e o nível de confiança é mostrado. Os resultados são organizados em categorias: Framework Frontend, Meta-Framework, CMS/Plataforma, Análise e Rastreamento, CDN e Hospedagem, Bibliotecas de UI e Ferramentas de Build.

Visualização ao Vivo
example.com
Technologies Detected
Frontend Framework
R
React
v18.2.0
N
Next.js
v14.1
Analytics & Tracking
GA
Google Analytics 4
H
Hotjar
CDN & Hosting
CF
Cloudflare
Vercel
Principais Recursos

Detecção de Framework Frontend

Identifica React, Vue, Angular, Svelte, Preact, Solid, Alpine.js, jQuery e outras bibliotecas frontend. Mostra números de versão exatos quando disponíveis (ex: React 18.2.0, Vue 3.4.21). Detecta mesmo em builds de produção minificados.

Plataformas de CMS e E-Commerce

Detecta WordPress (com tema e plugins), Shopify, Wix, Squarespace, Webflow, Ghost, Drupal, Magento, WooCommerce e outras plataformas. Identifica a plataforma mesmo quando a marca é removida.

Ferramentas de Análise e Marketing

Encontra Google Analytics (GA4 e UA), Google Tag Manager, Meta Pixel, Hotjar, Mixpanel, Segment, Amplitude, Intercom, chat Crisp e outras ferramentas de rastreamento/marketing instaladas na página.

CDN, Hospedagem e Infraestrutura

Identifica Cloudflare, Vercel, Netlify, AWS CloudFront, Fastly, GitHub Pages, Firebase Hosting e outros provedores de CDN/hospedagem a partir de cabeçalhos HTTP, resolução de DNS e URLs de recursos.

Bibliotecas de UI e Ferramentas de Build

Detecta Tailwind CSS, Bootstrap, Material UI, Chakra UI, Styled Components, Webpack, Vite, Parcel e outras ferramentas de UI/build a partir de padrões de classes CSS, estrutura de scripts e convenções de nomenclatura de assets.

Resultados Categorizados com Versões

Todas as tecnologias detectadas são organizadas em categorias rotuladas com nome da tecnologia, ícone, número da versão e nível de confiança. Clique em qualquer resultado para ver quais sinais dispararam a detecção.

Casos de Uso Comuns

Análise Tecnológica Competitiva

Visite sites de concorrentes e identifique sua stack tecnológica. Eles estão usando React ou Vue? Quais ferramentas de análise eles executam? Qual CDN entrega seus assets? Use esses insights para informar suas próprias decisões tecnológicas.

Prospecção de Vendas e Qualificação de Leads

Vendendo um plugin WordPress? Verifique se o site de um cliente em potencial roda WordPress antes de entrar em contato. Oferecendo integrações Shopify? Verifique a plataforma. O Site Stack fornece dados instantâneos de qualificação de leads.

Aprendendo Padrões Tecnológicos

Visite sites que você admira e veja quais tecnologias os alimentam. Descubra que o Stripe usa Next.js, o Linear usa React, ou que um site de carregamento rápido usa Cloudflare e Vite. Aprenda combinações tecnológicas que funcionam bem juntas.

Auditando sua Própria Superfície Tecnológica

Execute o Site Stack em seu próprio site de produção para verificar o que está visível para o mundo exterior. Existem tags de script remanescentes de ferramentas que você removeu? A versão do seu framework está exposta quando não deveria?

Preparação para Entrevistas e Pesquisas

Preparando-se para uma entrevista de emprego em uma empresa? Verifique quais tecnologias eles usam em seu site para que você possa demonstrar experiência relevante e fazer perguntas informadas sobre sua stack.

Como Usar
1

Ativar Site Stack

Abra o dock flutuante do DevSuite Pro e clique no ícone Site Stack. A ferramenta escaneia o DOM, scripts, cabeçalhos e meta tags da página em busca de assinaturas tecnológicas.

2

Visualizar Resultados Categorizados

As tecnologias detectadas aparecem organizadas por categoria: Frontend, CMS, Análise, CDN, Bibliotecas de UI e Ferramentas de Build. Cada entrada mostra o nome da tecnologia, ícone e versão.

3

Explorar Detalhes da Detecção

Clique em qualquer tecnologia detectada para ver quais sinais dispararam a detecção — variáveis globais, meta tags, URLs de scripts ou padrões DOM.

4

Verificar Níveis de Confiança

Cada detecção mostra um indicador de confiança. Múltiplos sinais correspondentes aumentam a confiança. Detecções de sinal único são marcadas como "prováveis".

5

Comparar Entre Sites

Navegue por diferentes sites e execute o Site Stack em cada um para comparar escolhas tecnológicas entre concorrentes, clientes ou sites de referência.

Pronto para Testar? Site Stack?

Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox