FULLPAGE SCREENSHOT
FullPage Screenshot es una extensión de navegador de código abierto creada para capturar páginas web completas y áreas personalizadas con total privacidad. Nace para solucionar los problemas de las extensiones comerciales de la Chrome Web Store, eliminando muros de pago, telemetría y dependencias externas.
La fragilidad de las extensiones comerciales
Depender de extensiones de terceros en navegadores profesionales plantea riesgos reales de seguridad y productividad. Muchas extensiones gratuitas cambian de propietario y se convierten en malware o agregan scripts de seguimiento. Además, las políticas de las tiendas de extensiones provocan que herramientas clave dejen de funcionar de la noche a la mañana. La solución definitiva es poseer y controlar la propia herramienta.
Ensamblado en tiempo real sin desalineación
El mayor desafío técnico en la captura de páginas web dinámicas reside en los encabezados fijos (sticky/fixed headers), los elementos que se cargan con scroll diferido (lazy loading) y las pantallas de alta densidad de píxeles (Retina y 4K). La extensión debía recorrer el DOM de forma automatizada, neutralizar duplicados y generar una única imagen PNG perfecta.
Solución arquitectónica
Implementé un motor de captura automatizado que opera directamente sobre el navegador y se apoya en tres pilares técnicos:
Ensamblado en Canvas
Divide la altura total del documento en segmentos exactos, oculta dinámicamente elementos fijos durante las tomas intermedias y renderiza cada fragmento en un lienzo HTML5 Canvas de alta resolución.
Recorte con feedback neón
Para capturas parciales, diseñé una interfaz que dibuja una caja de selección interactiva con color de acento, informando en tiempo real las dimensiones exactas (Ancho × Alto px).
Manifest V3 y cero telemetría
Desarrollada íntegramente con JavaScript nativo y las APIs de Chrome Extensions. Los datos y las imágenes nunca salen de la máquina del usuario (100% offline).
Independencia y velocidad operativa
Una herramienta de trabajo fiable, instalable en modo desarrollador en cualquier navegador basado en Chromium (Brave, Chrome, Edge), inmune a caídas del Store y sin suscripciones.
Código abierto para la comunidad
El proyecto está disponible como software libre en GitHub para que cualquier desarrollador o diseñador pueda auditarlo, utilizarlo e integrarlo en su flujo de trabajo diario.