Inspector de páginas

El Inspector de páginas es un analizador de páginas web gratuito que revela cómo está construido cualquier sitio en vivo: las fuentes que renderiza, su paleta de colores, cada imagen y SVG en línea, sus enlaces y un resumen técnico rápido. Se ejecuta por completo en tu navegador sin subir nada, así que es una forma rápida y privada de encontrar fuentes en un sitio, extraer colores, auditar imágenes o coger un icono SVG — ya seas un diseñador que hace ingeniería inversa de un diseño, un desarrollador depurando o simplemente alguien curioso.

Cómo se usa

1. Prueba la demo en vivo de arriba — analiza esta misma página en las pestañas Resumen, Fuentes, Colores, Imágenes, SVG y Enlaces.
2. Para inspeccionar cualquier otro sitio, arrastra el botón Inspector de páginas de abajo a tu barra de marcadores.
3. Abre cualquier sitio web y haz clic en el marcador — se abre un panel encima.
4. Cambia de pestaña para leer sus fuentes, copiar colores hex, abrir imágenes o copiar el marcado SVG en línea.

Qué inspecciona

1. Fuentes — las familias de fuentes realmente renderizadas, con pesos y cursivas, ordenadas por uso.
2. Colores — colores de texto, fondo y borde como hex, ordenados por frecuencia para que los de marca aparezcan primero.
3. Imágenes — cada <img> más las imágenes de fondo CSS, con formato y dimensiones naturales.
4. SVG — iconos SVG en línea con vista previa y copia del marcado en un clic.
5. Enlaces — todos los enlaces divididos en internos y externos.
6. Resumen — título, meta descripción, canonical, número de nodos DOM, número de scripts/hojas de estilo y tamaño HTML aproximado.

Como lee la página renderizada, informa de las fuentes y colores que los usuarios realmente ven, no solo lo declarado en una hoja de estilos. Para construir las etiquetas SEO que muestra, combínalo con el Generador de meta etiquetas.

Uso responsable

El Inspector de páginas es una herramienta de desarrollo y aprendizaje para analizar la estructura, los estilos y los medios de una página — la misma información que las herramientas de desarrollador integradas de tu navegador ya exponen. No copia, almacena ni redistribuye contenido: las imágenes y vídeos se abren en una pestaña nueva, y el código SVG se muestra solo para inspección. Todas las imágenes, vídeos y SVG que veas siguen siendo propiedad de sus dueños originales (el sitio web y sus autores). Eres el único responsable de cómo uses lo que muestra; no reutilices activos con derechos de autor sin permiso. Consulta nuestros Términos de uso.