O que a página de ferramentas dev faz
Cada painel é uma página própria — /data/devtools/encode, /data/devtools/hash, /data/devtools/json, /data/devtools/regex — e a linha de abas alterna entre elas. A aritmética de teclado fica com a calculadora padrão; as operações bit a bit, com a calculadora de programador.
Uso dos painéis
- 01Codificação.Cole texto e escolha uma das 31 operações entre Base64, URL / HTML, base / Unicode, cifras / maiúsculas e minúsculas e escape. Um chip de detecção adivinha JSON, Base64, Base64URL, hex, binário, codificação percentual de URL, entidades HTML, escapes Unicode, Morse ou JWT; o botão de setas encadeia a saída de volta na entrada, e a barra de estatísticas conta caracteres, pontos de código, bytes UTF-8, palavras, linhas, CJK e caracteres únicos.
- 02Mais ferramentas de codificação.Pontos de código abre uma tabela dos primeiros 128 caracteres com ponto de código, bytes UTF-8, unidades UTF-16, entidade e bloco Unicode; o deslocamento César vai de −25 a 25; o escape produz literais JSON, CSV, regex, shell e SQL.
- 03Hash.Digite texto ou escolha um arquivo para os seis resumos; cole uma soma de verificação na caixa de comparação e a linha correspondente fica verde, ignorando maiúsculas e minúsculas e espaços. O HMAC recebe uma chave, uma mensagem e SHA-1, SHA-256, SHA-384 ou SHA-512.
- 04JSON.Um selo marca o documento como válido ou não, com uma trilha linha:coluna em caso de erro. Cinco abas: Formatar (indentar, minimizar, ordenar chaves, escapar), Consulta de caminho, Interface TS, CSV e Diff.
- 05Regex.Digite um padrão, alterne
g i m s u y, e as correspondências se destacam com contagem e tempo decorrido. A tabela lista intervalo de índices e grupos $1…/nomeados; a caixa de substituição pré-visualiza $1, lt;name> e amp;; 14 padrões e uma cola de 18 linhas cobrem os casos usuais.
Exemplos resolvidos
As leituras abaixo vêm dos painéis, digitadas como mostrado.
- Codificação. Codificar em Base64
CalcX dev tools → Q2FsY1ggZGV2IHRvb2xz. Codificar em hex é → C3 A9, bytes decimais 195 169, binário 11000011 10101001. Codificação URL de a b&c=1/2 → a%20b%26c%3D1%2F2; decodificação 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? com a chave Jefe dá 5bdcc146bf60754e6a042426089575c75a003f089d2739839dec58b964ec3843.
- JSON. A amostra de pontuações indica profundidade 4, chaves 12 / 9 únicas, nós 17, arrays 2 / o mais longo 2, minimizado 164 bytes.
items[*].price retorna $.items[0].price = 9.9 e $.items[1].price = 19.9; o diff informa 1 adicionado, 1 removido, 3 alterados, 7 iguais.
- Regex.
(\d{4})-(\d{2})-(\d{2}) com g sobre on 2026-07-30 and 2027-01-05 encontra 2 correspondências; a substituição por $3/$2/$1 pré-visualiza on 30/07/2026 and 05/01/2027. A forma com grupos nomeados mostra y=2026 m=07 d=30.
Como os painéis calculam
O CRC-32 é a soma de verificação CRC-32/ISO-HDLC refletida (polinômio 0xEDB88320) usada por ZIP e PNG; o MD5 segue a RFC 1321, e SHA-1, SHA-256, SHA-384, SHA-512 e HMAC vêm da implementação WebCrypto do navegador. A codificação trabalha sobre bytes UTF-8; regex é o motor RegExp do JavaScript, com grupos nomeados, lookbehind e os sinalizadores s/u/y se comportando como em um script.
Limites
- A proteção de regex é limitada.
- O teste para depois de 5,000 correspondências ou cerca de 1.5 segundo (
match limit 5000 reached), mas um retrocesso catastrófico não pode ser interrompido: os padrões rodam na thread da página. - Arquivos são lidos por inteiro.
- O hash de arquivo carrega o arquivo todo na memória antes de resumir, então arquivos muito grandes podem travar ou falhar.
Armadilhas
- Hex, binário e decimal codificam bytes UTF-8, não pontos de código.
é vira C3 A9 em hex e 195 169 em bytes decimais, enquanto seu ponto de código é U+00E9 — dois bytes, um caractere, ambos mostrados na tabela de pontos de código.
- Com
g desligado, o testador mostra uma correspondência e substitui um acerto. \d+ sobre a1 b22 c333 informa 1 correspondência; a pré-visualização vira a# b22 c333, e não a# b# c#.
- O diff de JSON alinha arrays por índice. Inserir
0 no início de [1,2,3] informa 3 alterados e 1 adicionado, e não uma inserção.
Onde é usado
Depurar um payload codificado
Um webhook chega como blob Base64URL: cole-o, aceite a decodificação sugerida e encadeie a saída de volta na entrada para uma segunda passada.
Conferir um download
O modo arquivo calcula hash dos bytes armazenados, então um .zip ou instalador pode ser conferido contra o MD5 ou SHA-256 do publicador; a caixa de comparação ignora maiúsculas e minúsculas e espaços, como os arquivos de soma de verificação os imprimem.
Transformar uma resposta de API em código
Formate para uma indentação legível, ordene chaves para um diff estável, consulte items[*].id para ver o que chegou e emita interfaces TypeScript antes de escrever o cliente; a aba CSV move o documento nos dois sentidos.
Privacidade
Todo o trabalho de codificação, hash, JSON e regex roda dentro do seu navegador; os arquivos são lidos localmente e nada é enviado, armazenado ou registrado.
Referências
- IETF, RFC 4648: The Base16, Base32, and Base64 Data Encodings, rfc-editor.org (访问日期:2026-10-01)— alfabetos Base64 e preenchimento.
- IETF, RFC 1321: The MD5 Message-Digest Algorithm, rfc-editor.org (访问日期:2026-10-01)— a especificação MD5 e o vetor
abc.
- NIST, FIPS 180-4: Secure Hash Standard (SHS), csrc.nist.gov (访问日期:2026-10-01)— SHA-1, SHA-256, SHA-384 e SHA-512.
- IETF, RFC 4231: Identifiers and Test Vectors for HMAC-SHA-224/256/384/512, rfc-editor.org (访问日期:2026-10-01)— o vetor HMAC-SHA-256
Jefe.
- IETF, RFC 8259: The JavaScript Object Notation (JSON) Data Interchange Format, rfc-editor.org (访问日期:2026-10-01)— gramática e análise de JSON.
- Ecma International, ECMA-262: RegExp Objects, tc39.es (访问日期:2026-10-01)— sinalizadores, grupos e padrões de substituição.
本页计算器
精选工具,点开即用;小工具可直接试算,数值会带入完整计算器。