Ir para o conteúdo
OneKitly
Criar conta · Entrar

Minificador / embelezador de JavaScript

Minifique ou embeleze JavaScript no seu navegador, com um tokenizer que respeita strings, regex e comentários.

Ferramentas relacionadas

Todas as ferramentas: JSON, XML e formatos →
Embelezador de CSSReformate CSS minificado ou desarrumado em regras limpas e bem indentadas — ou minifique de novo.Embelezador de HTMLTransforme HTML minificado ou emaranhado em marcação legível e bem indentada — ou minifique-o.Minificador CSSReduza CSS removendo comentários e espaços desnecessários.O JavaScript está ativado?Uma verificação num relance de se o JavaScript corre no teu navegador — e uma pequena demonstração de como os sites o detetam. Se o estado mostrar «ativado», o JS está ligado; o truque clássico é uma etiqueta <noscript> que só aparece quando está desligado. Também indica se os cookies estão ativados e se estás online.Formatador de datas ISO 8601Transforme qualquer data, hora e desvio UTC em ISO 8601, RFC 3339, data de semana/ordinal, RFC 2822, data HTTP e timestamps Unix.Gerador de tabelas MarkdownCole CSV, TSV ou dados com ponto e vírgula e obtenha uma tabela Markdown alinhada, com alinhamento por coluna, escape dos | e pré-visualização em direto.Formatador SQLFormate consultas SQL com palavras-chave em maiúsculas e quebras de linha por cláusula, para legibilidade.Formatador / validador XMLFormate, minifique e verifique se o XML está bem formado, tudo no seu navegador.

Minificador / embelezador de JavaScript usa-se gratuitamente, as vezes que quiseres, diretamente nesta página. Encontra-la em JSON, XML e formatos, com Embelezador de CSS e Embelezador de HTML para os casos vizinhos.

Como usar

  1. Abra a ferramenta — sem registo nem instalação.
  2. Introduza os seus dados ou ajuste as opções disponíveis.
  3. Obtenha o seu resultado ao instante e copie-o ou descarregue-o.

Perguntas frequentes

O que é Minificador / embelezador de JavaScript?

Minifique ou embeleze JavaScript no seu navegador, com um tokenizer que respeita strings, regex e comentários.

Em que casos se usa na prática?

Tornar legível um bloco gerado por uma máquina, localizar o carácter onde o parse falha e reduzir um ficheiro antes de publicar.

Qual é o erro mais comum?

Confundir válido com correto. Um documento pode ser analisado sem erros e mesmo assim não ter a forma esperada por quem o vai ler: a validação verifica a sintaxe, não o esquema.

Em que difere Minificador / embelezador de JavaScript de Embelezador de CSS?

Estão próximos mas respondem a perguntas diferentes: Embelezador de CSS é o que deves abrir quando se trata de reformate CSS minificado ou desarrumado em regras limpas e bem indentadas — ou minifique de novo. Escolhe o que corresponde ao teu ponto de partida — ambos são gratuitos.

Existe uma ferramenta para o passo seguinte?

Embelezador de HTML é o mais próximo a seguir a este: Transforme HTML minificado ou emaranhado em marcação legível e bem indentada — ou minifique-o.

Que mais vale a pena ter aberto ao lado?

Minificador CSS e O JavaScript está ativado? — surgem na mesma tarefa com frequência suficiente para merecerem outro separador.

De onde vêm os dados?

A análise e a serialização seguem a especificação de cada formato. A ordem das chaves e os espaços não têm valor semântico em JSON nem em YAML, pelo que um documento reformatado é equivalente mesmo com bytes diferentes.

Para saber mais

Todos os guias →
GuiaO que um minificador pode remover e o que não pode tocarA minificação tem de preservar o significado, e o interessante são os espaços que carregam significado: o combinador descendente, os espaços dentro de calc(), o intervalo entre dois elementos em linha. Medido aqui em ficheiros reais, incluindo o que o brotli já lhe ia poupar.GuiaEmbelezar ou minificar: para que serve cada um e o que faz ao pesoQuatro folhas de estilo reais passadas pelo minificador, medidas em bruto e depois de gzip. Retirar todos os espaços poupou 48, 103, 104 e 147 bytes comprimidos; retirar os comentários, 57, 1 358, 2 420 e 1 042. E as cinco entradas que este minificador parte.TutorialConstruir uma tabela Markdown de raiz, sem contar travessões à mãoA coisa mais pequena que ainda é uma tabela são duas linhas: uma linha de cabeçalho e uma linha delimitadora. Aqui está porque é que a segunda é obrigatória em GitHub Flavored Markdown, onde as tabelas de barras não existem de todo, e o que um gerador faz que escrever à mão não consegue.GuiaColar uma tabela num pull request: o que parte, e os dois carateres que partem tudoUma tabela Markdown proíbe exatamente dois carateres dentro de uma célula: a barra vertical e a quebra de linha. Aqui está o que cada um faz, como um conversor os trata, porque é que o escape tem de ser aplicado na ordem certa, e porque é que o alinhamento da fonte nunca conta.ExplicaçãoDe XML para JSON: atributos, repetição e a armadilha do array de um só elementoDois documentos que só diferem no número de filhos produzem duas formas JSON diferentes, e nenhum conversor os distingue sem um esquema. Além do que este faz mesmo com os atributos, o conteúdo misto e os espaços — e a única coisa que continua a não conseguir registar.ExplicaçãoO YAML parece simpático e mordeO YAML é JSON mais uma camada de inferência de tipos, e a inferência é a parte perigosa. O mesmo ficheiro passado por um analisador YAML 1.2 e por um 1.1: no é uma string num e false no outro, 01234 é 1234 num e 668 no outro, e 12:30:00 é um número num dos dois.