Cola para devs — HTTP, MIME, key codes e regex

O que é Cola para devs — HTTP, MIME, key codes e regex?

Cola para devs é uma referência rápida gratuita que funciona no navegador e reúne quatro tabelas de consulta para desenvolvedores num único widget pesquisável. Desenvolvedores front-end e back-end, engenheiros de QA e estudantes recorrem a ela quando precisam lembrar o que significa 422, o tipo MIME de uma imagem .webp, o valor key que uma seta dispara ou uma regex para validar um e-mail. A aba HTTP lista os códigos de status 2xx, 3xx, 4xx e 5xx mais comuns com sua frase de motivo oficial; a aba MIME mapeia extensões de arquivo para valores Content-Type; a aba Key codes mostra strings KeyboardEvent.key do JavaScript como Enter, Escape e ArrowUp; e a aba Regex reúne padrões prontos para colar com uma breve nota em cada um. A caixa de busca filtra a aba ativa instantaneamente, o contador de resultados informa quantas entradas correspondem e cada linha tem um botão de copiar. A caixa de saída serializa as linhas filtradas para que você possa repassá-las a outra ferramenta. Como o widget só é renderizado com JavaScript, este texto é a descrição indexável: uma referência de códigos de status HTTP, uma tabela de tipos MIME, uma lista de key codes do JavaScript e uma cola de regex, tudo no lado do cliente.

Como usar Cola para devs — HTTP, MIME, key codes e regex

1. Escolha uma aba: status HTTP, tipos MIME, Key codes ou Regex.
2. Digite na caixa de busca para filtrar a aba ativa por código, nome ou padrão.
3. Percorra as linhas e leia o contador de resultados para ver quantas correspondem.
4. Clique em Copy em qualquer linha para copiar seu valor (nome, tipo MIME, tecla ou padrão).
5. Use o botão Copy da caixa de saída para pegar todas as entradas filtradas de uma vez.

Exemplos

Busca: 429

429  Too Many Requests

Busca: webp

.webp  image/webp

Aba: Regex, Busca: email

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

Perguntas frequentes

Quais códigos de status HTTP estão incluídos?

Os mais comuns de todas as classes: sucesso 2xx (200, 201, 204), redirecionamentos 3xx (301, 302, 304, 307, 308), erros de cliente 4xx (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) e erros de servidor 5xx (500, 501, 502, 503, 504), cada um exibido com sua frase de motivo padrão.

Qual é a diferença entre o valor da tecla e o key code?

Esta ferramenta lista a string moderna KeyboardEvent.key, que é o valor compreensível de uma tecla — por exemplo Enter, Escape ou ArrowUp. A tecla de espaço reporta um único caractere de espaço, mostrado aqui pelo símbolo ␣. A string key é o que você compara nos manipuladores de eventos, como event.key === 'Enter'.

Posso usar esses padrões de regex diretamente?

Sim. Cada padrão é escrito na sintaxe padrão de expressões regulares do JavaScript, pronto para colar em new RegExp('...') ou entre barras. São pontos de partida práticos — por exemplo uma verificação simples de e-mail ou URL — não validadores completos, então revise-os conforme seus requisitos exatos.

Como funciona a busca?

A busca filtra apenas a aba ativa e corresponde em qualquer parte de uma linha: o código, o nome, o tipo MIME, a tecla, o título da regex ou o próprio padrão. Não diferencia maiúsculas de minúsculas, então digitar 'JSON', 'not found' ou '404' restringe a lista imediatamente, e o contador de resultados se atualiza ao vivo.

Algo é enviado a um servidor?

Não. Cada tabela é uma lista estática embutida na ferramenta, e todo o filtro e a cópia acontecem inteiramente no seu navegador. Nada do que você busca é enviado, registrado ou transmitido para lugar algum, então a cola funciona offline depois de carregada.