Estás Perdiendo Tiempo Sin Saberlo
Estás depurando una respuesta de API. El JSON vuelve como una cadena larga e ilegible. Abres una nueva pestaña, escribes "formatear JSON online", haces clic en el primer resultado, pegas tus datos, entrecerrás los ojos por los banners publicitarios, te das cuenta de que el sitio pide que crees una cuenta para usar la "versión completa", cierras la pestaña, pruebas el segundo resultado.
Esto pasa cinco, diez, veinte veces al día. Cada interrupción es pequeña. Acumuladas, destruyen tu concentración.
Las herramientas que necesitas son simples, gratuitas y deberían estar a un solo clic. Esta es la lista definitiva — con opiniones honestas sobre cuándo cada una importa realmente.
1. Formateador y Validador JSON
La frustración: cada API escupe JSON. JSON minificado, anidado, ilegible que te hace cuestionar tus decisiones de carrera.
El Formateador JSON está abierto como pestaña permanente en mi segundo monitor. Cuando una respuesta de API vuelve incorrecta, pego el cuerpo en bruto y veo la estructura en menos de un segundo. La vista de árbol es la función que más uso — permite colapsar y expandir objetos anidados sin perder el contexto en una respuesta de 400 líneas.
Lo que lo diferencia de los sitios que encuentras en Google: sin límites de tamaño a los 10 KB, sin popups de "plan premium", y el validador señala la línea exacta donde se rompe tu JSON en lugar de un genérico "JSON inválido".
2. Probador de Regex
La frustración: escribir expresiones regulares sin un probador en tiempo real es una experiencia miserable. Escribes el patrón, ejecutas el script, no coincide con lo esperado, ajustas, vuelves a ejecutar.
El Probador de Regex ofrece coincidencia en vivo — pega texto de muestra en el cuadro inferior, escribe tu patrón, ve las coincidencias resaltadas mientras escribes. Sin botón que presionar, sin esperar.
El panel de grupos de captura es el que más uso: veo exactamente qué grupo capturó qué subcadena, la única forma de depurar patrones complejos sin volverse loco. La biblioteca de patrones comunes (email, URL, teléfono, IP, fecha) cubre el 80% de los casos. Y la función de explicación en inglés claro ha reemplazado a Stack Overflow para entender patrones que alguien más escribió.
3. Decodificador JWT
La frustración: estás depurando un problema de autenticación. Tienes un token JWT. Necesitas ver qué hay dentro sin escribir una línea de Node o Python.
Pega el token en el Decodificador JWT y ve inmediatamente el encabezado decodificado, el payload y la firma. Resalta si el token está expirado — verificando el claim exp — que es siempre lo primero que hay que comprobar cuando la auth empieza a fallar misteriosamente.
Una aclaración importante: decodificar un JWT no requiere el secreto. El payload está codificado en Base64url, no cifrado. La firma prueba que no fue manipulado, pero el contenido es legible para cualquiera que tenga el token. No pongas datos sensibles en payloads JWT — IDs de usuario y roles están bien, contraseñas e información personal no.
4. Codificador/Decodificador Base64
La frustración: el Base64 aparece constantemente — credenciales API en cabeceras Authorization, data URIs de imágenes, valores de variables de entorno. Siempre necesita una herramienta para convertir rápido.
Mi caso de uso principal: depurar cabeceras Basic Auth. Cuando veo Authorization: Basic dXNlcjpwYXNz en un log, lo decodifico inmediatamente en la herramienta Base64 para confirmar que las credenciales son correctas. La conversión de archivo a Base64 también sirve para incrustar iconos pequeños directamente en CSS.
Recordatorio rápido: Base64 es codificación, no cifrado. Cualquiera puede decodificarlo al instante. Existe para transmitir datos binarios a través de sistemas de texto, no para ocultar nada.
5. Generador de UUID
La frustración: necesitas datos de prueba. Veinte identificadores únicos para scripts de seed, fixtures de test. Generarlos de uno en uno en cualquier lugar es tedioso.
El Generador de UUID genera hasta 1000 UUIDs en masa y los copia todos al portapapeles con un clic. Para scripts de seed, esto ahorra los quince minutos que pasarías escribiendo código de generación que de todas formas desecharás. El formato UUID v4 (aleatorio) es el que necesitas en la mayoría de los casos — es el predeterminado.
6. Embellecedor de Código
La frustración: código de producción minificado que necesitas leer. Bases de código legacy donde nadie se puso de acuerdo en la indentación. Fragmentos de documentación pegados que perdieron todo su formato.
Uso el Embellecedor de Código principalmente para depurar JavaScript de terceros. Cuando una biblioteca hace algo inesperado, pego la fuente minificada y leo la sección relevante. Maneja JavaScript, TypeScript, HTML, CSS y JSON.
7. Generador de Hash
La frustración: verificar un archivo descargado contra un checksum publicado, probar la verificación de firma HMAC para un webhook, o simplemente comparar dos cadenas por su hash.
El Generador de Hash cubre todo esto. El drag-and-drop de archivos maneja la verificación de checksums sin abrir una terminal. La función HMAC es la que uso al probar firmas de webhook — Stripe, GitHub y la mayoría de plataformas usan HMAC-SHA256, y esto me permite reproducir la firma manualmente para confirmar que mi implementación es correcta.
8. Constructor de Expresiones Cron
La frustración: la sintaxis cron es memorable hasta que deja de serlo. 0 0 * * 1 — ¿es medianoche los lunes o el primer día de cada mes? Lo he confundido en producción.
El Constructor Cron ofrece un editor visual: haz clic en el horario que quieres, ve la expresión actualizarse en vivo. La función que realmente me importa es la vista previa de las próximas 5 ejecuciones. Antes de que cualquier cron job entre a producción, verifico que se ejecuta cuando creo que lo hace.
9. Probador de API
La frustración: Postman es excesivo para una comprobación rápida. Configurar un workspace, crear una colección, gestionar entornos — a veces solo necesitas hacer una petición HTTP ahora mismo.
El Probador de API cubre el 80% de los casos: GET rápido para comprobar si un endpoint está vivo, POST con un body JSON para probar un webhook, cabeceras personalizadas para auth con clave API. Sin instalación, sin cuenta, sin sincronización.
10. Comparador de Diferencias
La frustración: dos archivos de configuración que deberían ser idénticos pero un entorno se comporta diferente. Una consulta SQL que cambió entre staging y producción.
El Comparador de Diferencias hace los cambios obvios. La vista lado a lado resalta líneas añadidas y eliminadas en color. La opción "ignorar espacios en blanco" es esencial cuando comparas código que pasó por diferentes formateadores.
Un Marcador, Diez Herramientas
Cada herramienta de esta lista es gratuita, funciona en tu navegador y no requiere cuenta. Guarda la página de Herramientas de Desarrollo y deja de buscar los mismos utilitarios una y otra vez.
Tu concentración te lo agradecerá.