UTILSBOX⚡TODAS LAS TOOLS54+
JSON.FORMATHub de cinco herramientas: formatear, validar, minificar, pasar a XML y comparar dos JSON.//REGEX.TESTERProbador de expresiones regulares en tiempo real con explicación y reemplazo.//PDF.SUITEUnir, dividir, extraer texto, rotar y convertir páginas PDF a imágenes.//IMAGE.STUDIOEditor de fotos en el navegador: recortar, filtros, WebP, PNG y Base64.//HTML.BEAUTIFYFormateador de código HTML, minificador y codificador de entidades.//CSS.MINIFYFormateador de CSS, minificador para producción y conversor CSS a SCSS.//SQL.FORMATTEREmbellecedor de queries SQL, traductor entre dialectos y minificador.//SVG.EXCALIDRAWEditor visual vectorial integrado con Excalidraw y formateador SVG.//TEXT.DIFFContador de palabras, caracteres, tiempo de lectura y comparador Diff.//YAML.CONVERTValidador y formateador de archivos YAML/JSON con detección de sintaxis.//XML.PARSERFormateador de documentos XML, inspector de árbol y conversor a JSON.//GRAPHQL.STUDIOFormateador de queries y schemas SDL, minificador y clasificador AST.//BASE64.CODECCodificador y decodificador Base64 y URL-Safe con soporte UTF-8.//PASSWORD.GENGenerador de contraseñas criptográficamente seguras con medidor de entropía.//URL.STUDIOSuite de 8 herramientas: encode, decode, parse, build y query string.//QR.STUDIOCreador de códigos QR personalizados con logos, colores y degradados.//ASCII.EXPLORERTabla interactiva ASCII 0-255, atajos de teclado Alt y códigos CP437.//KEYCODES.LIVEDetector en vivo de eventos KeyboardEvent y tabla de códigos JavaScript.//JWT.DEBUGGERDecodificador de tokens JWT, claims y verificación de firma con Web Crypto.//BINARY.CODECConversor bidireccional texto a binario con lluvia Matrix y desglose ASCII.//CHARTS.STUDIOGenerador de gráficos interactivos (barras, líneas, torta) a partir de CSV.//UUID.V7Generador masivo de UUID v4, v7 ordenado por tiempo, v1 y validador.//CSV.JSONConversor bidireccional CSV a JSON con delimitadores y visor de tablas.//COLORS.STUDIOConvertidor HEX/RGB/HSL/CMYK, armonías cromáticas y contraste WCAG 2.1.//SEO.METAGenerador de Meta Tags, Open Graph y preview en vivo de Google SERP.//SCHEMA.JSONLDGenerador de datos estructurados Schema.org para Google Rich Snippets.//SITEMAP.XMLGenerador de sitemaps XML estándar (Protocolo 0.9) para Google y Bing.//ROBOTS.TXTGenerador de robots.txt, bloqueo de scrapers de IA y probador de rutas.//FAKE.DATAGenerador de mocks y datos sintéticos: exporta a JSON, CSV, SQL y TypeScript.//CLOCK.WORLDReloj mundial en tiempo real con globo 3D holográfico y husos horarios.//DATE.CALCDías entre fechas, edad exacta, días hábiles, Unix timestamp y cron parser.//CALC.SUITESuite de 56+ calculadoras: porcentajes, hipotecas, préstamos, IVA, IMC y sueldos.//JSON.FORMATHub de cinco herramientas: formatear, validar, minificar, pasar a XML y comparar dos JSON.//REGEX.TESTERProbador de expresiones regulares en tiempo real con explicación y reemplazo.//PDF.SUITEUnir, dividir, extraer texto, rotar y convertir páginas PDF a imágenes.//IMAGE.STUDIOEditor de fotos en el navegador: recortar, filtros, WebP, PNG y Base64.//HTML.BEAUTIFYFormateador de código HTML, minificador y codificador de entidades.//CSS.MINIFYFormateador de CSS, minificador para producción y conversor CSS a SCSS.//SQL.FORMATTEREmbellecedor de queries SQL, traductor entre dialectos y minificador.//SVG.EXCALIDRAWEditor visual vectorial integrado con Excalidraw y formateador SVG.//TEXT.DIFFContador de palabras, caracteres, tiempo de lectura y comparador Diff.//YAML.CONVERTValidador y formateador de archivos YAML/JSON con detección de sintaxis.//XML.PARSERFormateador de documentos XML, inspector de árbol y conversor a JSON.//GRAPHQL.STUDIOFormateador de queries y schemas SDL, minificador y clasificador AST.//BASE64.CODECCodificador y decodificador Base64 y URL-Safe con soporte UTF-8.//PASSWORD.GENGenerador de contraseñas criptográficamente seguras con medidor de entropía.//URL.STUDIOSuite de 8 herramientas: encode, decode, parse, build y query string.//QR.STUDIOCreador de códigos QR personalizados con logos, colores y degradados.//ASCII.EXPLORERTabla interactiva ASCII 0-255, atajos de teclado Alt y códigos CP437.//KEYCODES.LIVEDetector en vivo de eventos KeyboardEvent y tabla de códigos JavaScript.//JWT.DEBUGGERDecodificador de tokens JWT, claims y verificación de firma con Web Crypto.//BINARY.CODECConversor bidireccional texto a binario con lluvia Matrix y desglose ASCII.//CHARTS.STUDIOGenerador de gráficos interactivos (barras, líneas, torta) a partir de CSV.//UUID.V7Generador masivo de UUID v4, v7 ordenado por tiempo, v1 y validador.//CSV.JSONConversor bidireccional CSV a JSON con delimitadores y visor de tablas.//COLORS.STUDIOConvertidor HEX/RGB/HSL/CMYK, armonías cromáticas y contraste WCAG 2.1.//SEO.METAGenerador de Meta Tags, Open Graph y preview en vivo de Google SERP.//SCHEMA.JSONLDGenerador de datos estructurados Schema.org para Google Rich Snippets.//SITEMAP.XMLGenerador de sitemaps XML estándar (Protocolo 0.9) para Google y Bing.//ROBOTS.TXTGenerador de robots.txt, bloqueo de scrapers de IA y probador de rutas.//FAKE.DATAGenerador de mocks y datos sintéticos: exporta a JSON, CSV, SQL y TypeScript.//CLOCK.WORLDReloj mundial en tiempo real con globo 3D holográfico y husos horarios.//DATE.CALCDías entre fechas, edad exacta, días hábiles, Unix timestamp y cron parser.//CALC.SUITESuite de 56+ calculadoras: porcentajes, hipotecas, préstamos, IVA, IMC y sueldos.//
MODULE 12 · NETWORK

URL Tools & Query Studio

Codificar, decodificar, validar, parsear, construir y normalizar URLs y Query Strings con 8 herramientas especializadas.

Modo de codificación
InputRAW URL
48 chars
ResultadoOUTPUT
// Guía técnica y especificaciones

Guía Técnica: Estándar URI (RFC 3986), Percent-Encoding y Parámetros de Consulta

Cómo construir URLs robustas, codificar caracteres especiales y manipular query strings.

1. Anatomía de un URI (RFC 3986) y Codificación Porcentual

Un Identificador de Recursos Uniforme (URI) se compone de: esquema:[//autoridad]ruta[?consulta][#fragmento]. Cualquier carácter fuera del conjunto ASCII no reservado (A-Z, a-z, 0-9, "-", "_", ".", "~") o con significado delimitador especial debe codificarse mediante el signo "%" seguido de su código hexadecimal de dos dígitos en UTF-8 (ej. un espacio se transforma en %20).

2. encodeURI vs encodeURIComponent: Diferencia Crítica en JavaScript

encodeURI está diseñado para codificar una dirección web completa preservando los caracteres estructurales que la definen (como ":", "/", "?", "&" y "#"). En cambio, encodeURIComponent codifica agresivamente todos los delimitadores, y debe aplicarse individualmente al valor de cada parámetro de consulta para evitar que un "&" o "=" dentro del valor rompa la cadena de parámetros.

3. La API WHATWG URLSearchParams y Normalización

Las expresiones regulares tradicionales para parsear cadenas de consulta suelen fallar ante parámetros repetidos o codificaciones anidadas. Los estándares modernos recomiendan utilizar la interfaz nativa URLSearchParams, que decodifica automáticamente valores, permite manipular pares clave-valor y serializa URLs normalizadas según el estándar de la WHATWG.

// Arquitectura y buenas prácticas

❓ Preguntas Frecuentes sobre Herramientas de URL

¿Por qué el espacio a veces se representa como "%20" y otras como "+"?

El estándar RFC 3986 establece "%20" como la codificación canónica para URLs. El signo "+" es una convención histórica heredada de formularios HTML codificados como application/x-www-form-urlencoded.

¿Se transmiten las URLs o tokens que pego aquí a algún servidor?

No. Todo el análisis, parseo de parámetros y codificación se ejecuta 100% en la memoria de tu navegador de manera privada.

¿Cómo anido una URL completa dentro del parámetro de otra URL?

Codificando la URL interna con "encodeURIComponent". De esa forma, sus barras y signos de interrogación no interferirán con los separadores de la URL principal.

Herramientas de SEO y Webmaster Relacionadas

SEO

Generador Meta Tags

Validá metadatos y canonical URLs para buscadores.

Abrir herramienta →ENCODING

Base64 Suite

Codificá datos en Base64URL para transmisión en query strings.

Abrir herramienta →CODE

Generador QR

Convertí URLs limpias en códigos QR escaneables.

Abrir herramienta →