Qué hace la página de herramientas dev
Cada panel es su propia página — /data/devtools/encode, /data/devtools/hash, /data/devtools/json, /data/devtools/regex — y la fila de pestañas alterna entre ellas. La aritmética de teclado sigue en la calculadora estándar; las operaciones bit a bit, en la calculadora de programador.
Uso de los paneles
- 01Codificación.Pega texto y elige una de las 31 operaciones entre Base64, URL / HTML, base / Unicode, cifrados / mayúsculas y escape. Un chip de detección adivina JSON, Base64, Base64URL, hex, binario, codificación porcentual URL, entidades HTML, escapes Unicode, Morse o JWT; el botón de flechas encadena la salida de vuelta a la entrada, y la barra de estadísticas cuenta caracteres, puntos de código, bytes UTF-8, palabras, líneas, CJK y caracteres únicos.
- 02Más herramientas de codificación.Puntos de código abre una tabla de los primeros 128 caracteres con punto de código, bytes UTF-8, unidades UTF-16, entidad y bloque Unicode; el desplazamiento César va de −25 a 25; el escape produce literales JSON, CSV, regex, shell y SQL.
- 03Hash.Escribe texto o elige un archivo para los seis resúmenes; pega una suma de comprobación en el cuadro de comparación y la fila coincidente se vuelve verde, ignorando mayúsculas y espacios. HMAC toma una clave, un mensaje y SHA-1, SHA-256, SHA-384 o SHA-512.
- 04JSON.Una insignia marca el documento como válido o no, con un rastro línea:columna en caso de error. Cinco pestañas: Formato (indentar, minimizar, ordenar claves, escapar), Consulta de ruta, Interfaz TS, CSV y Diff.
- 05Regex.Introduce un patrón, activa
g i m s u y, y las coincidencias se resaltan con un recuento y el tiempo transcurrido. La tabla lista el rango de índices y los grupos $1…/con nombre; el cuadro de reemplazo previsualiza $1, lt;name> y amp;; 14 patrones y una chuleta de 18 filas cubren los casos habituales.
Ejemplos resueltos
Las salidas siguientes vienen de los paneles, escritas como se muestra.
- Codificación. Codificar en Base64
CalcX dev tools → Q2FsY1ggZGV2IHRvb2xz. Codificar en hex é → C3 A9, bytes decimales 195 169, binario 11000011 10101001. Codificación URL de a b&c=1/2 → a%20b%26c%3D1%2F2; decodificación URL de a+b%26c → a b&c. ROT13 de Attack at dawn → Nggnpx ng qnja.
- Hash. Para
abc: CRC-32 352441c2, MD5 900150983cd24fb0d6963f7d28e17f72, SHA-1 a9993e364706816aba3e25717850c26c9cd0d89d, SHA-256 ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad; HMAC-SHA-256 de what do ya want for nothing? con clave Jefe da 5bdcc146bf60754e6a042426089575c75a003f089d2739839dec58b964ec3843.
- JSON. La muestra de puntuaciones indica profundidad 4, claves 12 / 9 únicas, nodos 17, arrays 2 / el más largo 2, minimizado 164 bytes.
items[*].price devuelve $.items[0].price = 9.9 y $.items[1].price = 19.9; el diff informa 1 añadido, 1 eliminado, 3 cambiados, 7 iguales.
- Regex.
(\d{4})-(\d{2})-(\d{2}) con g sobre on 2026-07-30 and 2027-01-05 encuentra 2 coincidencias; el reemplazo con $3/$2/$1 previsualiza on 30/07/2026 and 05/01/2027. La forma con grupos con nombre muestra y=2026 m=07 d=30.
Cómo calculan los paneles
CRC-32 es la suma de comprobación CRC-32/ISO-HDLC reflejada (polinomio 0xEDB88320) que usan ZIP y PNG; MD5 sigue el RFC 1321, y SHA-1, SHA-256, SHA-384, SHA-512 y HMAC vienen de la implementación WebCrypto del navegador. La codificación trabaja sobre bytes UTF-8; regex es el motor RegExp de JavaScript, con grupos con nombre, lookbehind y los indicadores s/u/y comportándose como en un script.
Límites
- La barrera de regex está acotada.
- La prueba se detiene tras 5,000 coincidencias o aproximadamente 1.5 segundos (
match limit 5000 reached), pero un retroceso catastrófico no se puede interrumpir: los patrones se ejecutan en el hilo de la página. - Los archivos se leen enteros.
- El hash de archivos carga todo el archivo en memoria antes de resumirlo, así que los archivos muy grandes pueden atascarse o fallar.
Trampas
- Hex, binario y decimal codifican bytes UTF-8, no puntos de código.
é se convierte en C3 A9 en hex y 195 169 en bytes decimales, mientras que su punto de código es U+00E9: dos bytes, un carácter, ambos mostrados en la tabla de puntos de código.
- Con
g desactivado, el probador muestra una coincidencia y reemplaza un acierto. \d+ sobre a1 b22 c333 informa 1 coincidencia; la vista previa pasa a a# b22 c333, no a a# b# c#.
- El diff de JSON alinea los arrays por índice. Insertar
0 al principio de [1,2,3] informa 3 cambiados y 1 añadido, no una inserción.
Dónde se usa
Depurar una carga codificada
Un webhook llega como blob Base64URL: pégalo, acepta la decodificación sugerida y luego encadena la salida de vuelta a la entrada para una segunda pasada.
Comprobar una descarga
El modo archivo hashea los bytes almacenados, así que un .zip o un instalador puede verificarse contra el MD5 o SHA-256 del editor; el cuadro de comparación ignora mayúsculas y espacios, como los imprimen los archivos de sumas de comprobación.
Convertir una respuesta de API en código
Formatea para una sangría legible, ordena las claves para un diff estable, consulta items[*].id para ver qué llegó y luego emite interfaces TypeScript antes de escribir el cliente; la pestaña CSV mueve el documento en ambos sentidos.
Privacidad
Todo el trabajo de codificación, hash, JSON y regex se ejecuta en tu navegador; los archivos se leen localmente y nada se sube, almacena ni registra.
Referencias
- IETF, RFC 4648: The Base16, Base32, and Base64 Data Encodings, rfc-editor.org (访问日期:2026-10-01)— alfabetos Base64 y relleno.
- IETF, RFC 1321: The MD5 Message-Digest Algorithm, rfc-editor.org (访问日期:2026-10-01)— la especificación MD5 y el vector
abc.
- NIST, FIPS 180-4: Secure Hash Standard (SHS), csrc.nist.gov (访问日期:2026-10-01)— SHA-1, SHA-256, SHA-384 y SHA-512.
- IETF, RFC 4231: Identifiers and Test Vectors for HMAC-SHA-224/256/384/512, rfc-editor.org (访问日期:2026-10-01)— el vector HMAC-SHA-256
Jefe.
- IETF, RFC 8259: The JavaScript Object Notation (JSON) Data Interchange Format, rfc-editor.org (访问日期:2026-10-01)— gramática y análisis de JSON.
- Ecma International, ECMA-262: RegExp Objects, tc39.es (访问日期:2026-10-01)— indicadores, grupos y patrones de reemplazo.
本页计算器
精选工具,点开即用;小工具可直接试算,数值会带入完整计算器。