🌐Herramientas web y HTTP en línea
Encuentra todas las herramientas web y HTTP para desarrolladores: codificación/decodificación de URL, entidades HTML, generador Basic Auth, referencia de códigos HTTP, tipos MIME y generador de sitemap. Utilidades gratuitas y rápidas para el desarrollo web del día a día.
Genera la cabecera HTTP Authorization: Basic a partir de un usuario y una contraseña.
Genera la cabecera HTTP Authorization: Bearer y extrae un token de una cabecera.
Ejecuta JavaScript, TypeScript, Python o PHP y ve el resultado al instante, 100% en tu navegador.
Genera los matices claros y oscuros de un color para tu paleta, en tu navegador.
Descompón una cabecera Cookie o Set-Cookie en pares clave/valor legibles.
Genera cabeceras CORS (Access-Control-Allow-*) para tu servidor.
Crea una expresión cron a partir de opciones simples (frecuencia, minuto, hora), en tu navegador.
Crea una cabecera Content-Security-Policy.
Genera CSS Flexbox visualmente (justify-content, align-items, direction…), en tu navegador.
Genera CSS Grid visualmente (columnas, filas, gap), directamente en tu navegador.
Minifica CSS (elimina comentarios y espacios) para reducir tus archivos, en tu navegador.
Calcula la especificidad (a,b,c) de un selector CSS para saber qué regla gana, en tu navegador.
Genera una curva de aceleración CSS cubic-bezier con vista previa, en tu navegador.
Convierte texto (HTML, SVG, CSS…) en un data URI codificado en base64.
Genera un archivo .dockerignore según el tipo de tu proyecto, directamente en tu navegador.
Genera un archivo .editorconfig (indentación, finales de línea, codificación), directamente en tu navegador.
Genera un archivo .gitignore para tu stack (Node, Python, macOS, IDE…).
Genera texto con un degradado de color en CSS (background-clip), con vista previa, en tu navegador.
Escapa o desescapa entidades HTML (<, &, "…).
Minifica HTML (elimina espacios en blanco redundantes y comentarios) para aligerar tus páginas, en tu navegador.
Referencia de códigos de estado HTTP (200, 301, 404, 500…) con su significado.
Genera marcado JSON-LD (schema.org) para SEO: Article, Product, LocalBusiness, en tu navegador.
Convierte un objeto JSON en una query string de URL y viceversa.
Pulsa una tecla para obtener sus valores JavaScript key, code, keyCode y modificadores.
Genera un archivo LICENSE de código abierto (MIT, Apache-2.0, ISC, BSD) listo para añadir a tu proyecto.
Genera un enlace mailto: con asunto, cuerpo, cc y cco precargados, directamente en tu navegador.
Genera media queries CSS responsivas (breakpoints habituales), directamente en tu navegador.
Genera etiquetas meta de SEO, Open Graph y Twitter Card para tus páginas.
Encuentra el tipo MIME de una extensión de archivo y viceversa.
Descompón una URL o query string en pares clave/valor legibles.
Genera un robots.txt listo para desplegar (User-agent, Allow/Disallow, Sitemap), en tu navegador.
Compara dos versiones semánticas (semver) y descubre cuál es más reciente, en tu navegador.
Genera un sitemap.xml a partir de una lista de URLs, directamente en tu navegador.
Valida un sitemap XML: etiqueta urlset, etiquetas loc y el límite de 50 000 URLs.
Convierte cualquier texto en un slug limpio y seguro para URL (sin acentos ni espacios).
Genera los atributos srcset y sizes de una imagen responsive (HTML), en tu navegador.
Convierte código SVG en un data URI optimizado (usable en CSS o HTML), en tu navegador.
Codifica o decodifica una cadena en formato porcentual para usarla en una URL.
Descompón una URL en sus partes: protocolo, host, puerto, ruta, consulta, hash.
Analiza una cadena User-Agent: navegador, motor, SO y tipo de dispositivo, en tu navegador.
Crea una URL de campaña con parámetros UTM (source, medium, campaign…), en tu navegador.
Genera la etiqueta meta viewport para el diseño responsive en móvil, directamente en tu navegador.
Frequently asked questions
¿Para qué sirve la codificación de URL?
La codificación de URL convierte los caracteres especiales en un formato seguro para los enlaces y las peticiones HTTP, evitando errores en los parámetros y las rutas.
¿Dónde encontrar el significado de los códigos HTTP?
Nuestra referencia de códigos HTTP enumera cada estado (200, 301, 404, 500…) con su significado y uso, para depurar tus API y servidores.