WEB STACK & TECH DETECTOR
Web Stack & Tech Detector es una extensión de Chrome (Manifest V3) que analiza en tiempo real el stack tecnológico de cualquier sitio web: CMS, frameworks, lenguajes de programación backend, herramientas de marketing, hosting, CDN, librerías JavaScript y más. Una alternativa propia, personalizada y open-source a Wappalyzer.
Analizar el stack de potenciales clientes
El cliente necesitaba una herramienta interna para analizar el stack tecnológico de webs de clientes potenciales antes de reuniones comerciales. La solución existente (Wappalyzer) es de pago para uso comercial y no permite personalizar qué datos se extraen ni cómo se exportan.
El Bug Crítico de las Cookies
La mayoría de extensiones similares construían el mapa de headers sobreescribiendo las cookies. Como los servidores envían múltiples headers Set-Cookie separados, si un lenguaje de backend (como PHP) no era el último header, desaparecía del mapa y nunca se detectaba.
Arquitectura de triple detección
Desarrollé una extensión inspirada en Wappalyzer pero construida desde cero y personalizada, apoyada en estos pilares:
Múltiples vectores de detección
Headers HTTP, Cookies, DOM/Scripts y variables globales (window) inyectando un script en el Main World.
Reglas de implicación
Deducción automática de tecnologías (ej. si usa Elementor, implica PHP) para saltar bloqueos de seguridad como la ocultación de x-powered-by.
Solución al bug de cookies
Acumulación de todos los Set-Cookie en un array en lugar de sobreescribirlos para detectar lenguajes ocultos.
background.js
Service Worker
- ▹webRequest API
- ▹HTTP headers
- ▹Set-Cookie arrays
- ▹Server IP
content.js
DOM Context
- ▹DOM analysis
- ▹meta tags parsing
- ▹script URLs
- ▹CSS links
detector-injected.js
Main World
- ▹window.* globals
- ▹React/Vue versions
- ▹jQuery detection
- ▹GSAP versions
popup.js / popup.html
UI + UX Presentation Layer
Consolida, procesa y visualiza los datos extraídos de los tres vectores (Headers, DOM, Window Globals) en tiempo real para el usuario final.
Prospección instantánea sin licencias de terceros
Una herramienta interna de prospección comercial que permite en 3 segundos saber exactamente con qué tecnologías trabaja un cliente potencial, sin pagar licencias externas y con la posibilidad de personalizar qué detecta y cómo exporta los datos.
Rendimiento superior en código nativo
Construido íntegramente con HTML/CSS/JS Vanilla en menos de 2.200 líneas de código y 66 KB, logrando un rendimiento superior y una detección adaptada a las necesidades comerciales exactas del cliente.