Chuleta para devs — HTTP, MIME, key codes y regex

¿Qué es Chuleta para devs — HTTP, MIME, key codes y regex?

Chuleta para devs es una referencia rápida gratuita que funciona en el navegador y reúne cuatro tablas de consulta para desarrolladores en un único widget con búsqueda. Programadores de front-end y back-end, ingenieros de QA y estudiantes la usan cuando necesitan recordar qué significa el 422, el tipo MIME de una imagen .webp, el valor que dispara una flecha o una regex para validar un correo. La pestaña HTTP enumera los códigos 2xx, 3xx, 4xx y 5xx más comunes con su frase de motivo oficial; la pestaña MIME asocia extensiones de archivo a valores Content-Type; la pestaña Key codes muestra cadenas de KeyboardEvent.key de JavaScript como Enter, Escape o ArrowUp; y la pestaña Regex recopila patrones listos para pegar con una nota breve en cada uno. El buscador filtra la pestaña activa al instante, el contador de resultados indica cuántas entradas coinciden y cada fila tiene un botón de copiar. La casilla de salida serializa las filas filtradas para que puedas pasarlas a otra herramienta. Como el widget se renderiza solo con JavaScript, este texto es la descripción indexable: una referencia de códigos de estado HTTP, una tabla de tipos MIME, una lista de key codes de JavaScript y una chuleta de regex, todo en el lado del cliente.

Cómo usar Chuleta para devs — HTTP, MIME, key codes y regex

1. Elige una pestaña: estado HTTP, tipos MIME, Key codes o Regex.
2. Escribe en el buscador para filtrar la pestaña activa por código, nombre o patrón.
3. Recorre las filas y mira el contador de resultados para ver cuántas coinciden.
4. Haz clic en Copiar de cualquier fila para copiar su valor (nombre, tipo MIME, tecla o patrón).
5. Usa el botón Copiar de la casilla de salida para tomar todas las entradas filtradas a la vez.

Ejemplos

Buscar: 429

429  Too Many Requests

Buscar: webp

.webp  image/webp

Pestaña: Regex, Buscar: email

^[^\s@]+@[^\s@]+\.[^\s@]+$

Preguntas frecuentes

¿Qué códigos de estado HTTP se incluyen?

Los más comunes de todas las clases: éxito 2xx (200, 201, 204), redirecciones 3xx (301, 302, 304, 307, 308), errores de cliente 4xx (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) y errores de servidor 5xx (500, 501, 502, 503, 504), cada uno con su frase de motivo estándar.

¿Cuál es la diferencia entre el valor de la tecla y el key code?

Esta herramienta muestra la cadena moderna KeyboardEvent.key, que es el valor con significado de una tecla, por ejemplo Enter, Escape o ArrowUp. La tecla de espacio reporta un único carácter de espacio, mostrado aquí como el símbolo ␣. La cadena key es lo que comparas en los manejadores de eventos, como event.key === 'Enter'.

¿Puedo usar estos patrones de regex directamente?

Sí. Cada patrón está escrito en la sintaxis estándar de expresiones regulares de JavaScript, listo para pegar en new RegExp('...') o entre barras. Son puntos de partida prácticos —por ejemplo una comprobación sencilla de correo o URL— no validadores exhaustivos, así que revísalos según tus requisitos exactos.

¿Cómo funciona la búsqueda?

La búsqueda filtra solo la pestaña activa y coincide en cualquier parte de una fila: el código, el nombre, el tipo MIME, la tecla, el título de la regex o el patrón en sí. No distingue mayúsculas, así que escribir 'JSON', 'not found' o '404' reduce la lista al instante y el contador de resultados se actualiza en vivo.

¿Se envía algo a un servidor?

No. Cada tabla es una lista estática integrada en la herramienta, y todo el filtrado y el copiado ocurren por completo en tu navegador. Nada de lo que buscas se sube, registra ni envía a ningún sitio, así que la chuleta funciona sin conexión una vez cargada.