Pular para o conteúdo
Toolars
Explorar
Reportar erro

Desenvolvimento · utilitário Local

Formatador JavaScript

JavaScript Formatter

Formate JavaScript com um parser real em um Worker local: leia código não confiável sem executá-lo, com indentação de 2 ou 4 espaços.

Caminho da tarefa / da entrada ao resultado

Cole seu JavaScript

Roda localmente · Nada é enviado

Como Formatador JavaScript funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como formatar JavaScript

  1. 01

    Cole seu JavaScript

    Cole o código-fonte de até 256 KiB em UTF-8. Selecione dois ou quatro espaços para a formatação.

  2. 02

    Escolha a indentação

    Escolha 2 ou 4 espaços. O exemplo já está carregado; a configuração passa a valer ao clicar em Formatar.

  3. 03

    Formate sem executar

    Clique em Formatar. O Prettier analisa e reescreve JavaScript com o recuo escolhido e largura de 100 colunas sem executá-lo. Rode seus testes.

  4. 04

    Revise o resultado e as estatísticas

    Compare os bytes UTF-8 de entrada e saída e a porcentagem economizada. Um valor negativo indica que o resultado cresceu; confira antes de copiar ou baixar.

  5. 05

    Copie ou baixe o resultado

    Copiar resultado envia o código formatado para a área de transferência; Baixar o salva como toolars.js. Redefinir limpa entrada, saída e opções quando você estiver pronto para o próximo trecho.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

Formatador JavaScript usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

Quando Formatador JavaScript é útil

Revisões de código

Torne o código-fonte mais fácil de inspecionar antes de compartilhá-lo com outro desenvolvedor.

Artefatos de build

Crie HTML, CSS ou JavaScript compacto sem executar o código-fonte.

Trechos prontos para copiar

Formate um exemplo focado e leve-o direto para a documentação ou um editor.

O que Formatador JavaScript realmente faz

Um trecho de stack trace de produção precisa ser lido antes de um hotfix ser escrito, e ele chega como uma linha longa. Um bookmarklet encontrado em um fórum deve ser inspecionado antes de merecer qualquer confiança, e a linha única engenhosa de um colega precisa virar código que a equipe consiga manter. O Formatador JavaScript analisa e reindenta o código-fonte sem executá-lo, inteiramente no dispositivo, com a largura de indentação que seu projeto já usa. É exatamente assim que código não confiável deve ser tratado: ler primeiro, nunca executar — a menos que você decida depois.

Perguntas frequentes

Qual é o limite de tamanho?
A entrada é limitada a 256 KiB e a saída a 512 KiB. O Worker local tem cinco segundos para iniciar e mais cinco para executar; editar o código ou cancelar interrompe o trabalho.
A formatação executa meu código?
Não. O formatador analisa JavaScript e uniformiza recuos sem avaliar expressões ou chamar funções. Os testes do projeto continuam necessários.
Por que o formatador rejeita meu trecho?
O analisador espera JavaScript sintaticamente válido. Uma colagem truncada, um colchete desbalanceado ou um caractere perdido interrompe a execução, e o erro indica a linha e a coluna; corrija a sintaxe e execute de novo. Nada parcial é emitido a partir de entrada inválida.
Posso escolher tabulações ou outra largura de indentação?
Não. O Tamanho da indentação é limitado a 2 espaços ou 4 espaços, as duas larguras nas quais a maioria dos projetos JavaScript se padroniza. Para qualquer outra, formate aqui e deixe a ferramenta do próprio projeto, como a configuração do editor, aplicar a convenção final.
O que a linha de estatísticas me diz?
Esta linha mostra os bytes UTF-8 antes e depois da transformação e a diferença. Formatar pode aumentar o tamanho; os números não comprovam validade nem aparência idêntica.
Meu código é enviado para algum lugar?
Não. O código-fonte é analisado dentro de um Worker local e nunca é executado, enviado ou salvo. A aceitação pelo analisador não é correção da aplicação nem compatibilidade com navegadores.

Continuar em Desenvolvimento

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Código para imagem

Code to Image Converter

Exporte código com destaque de sintaxe como PNG ou SVG em seis linguagens, com temas claro e escuro, numeração, título e escala 1x ou 2x.

Criar

Gerador de slug de URL

URL Slug Generator

Transforme títulos em slugs de URL limpos com hífens ou sublinhados — acentos removidos, & expandido, escritas não latinas preservadas — ao vivo.

Criar

Sombras para React Native

React Native Shadow Generator

Compare propriedades de sombra legadas e boxShadow no React Native, ajuste iOS e Android lado a lado e copie o código do StyleSheet.

Criar

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifique texto Unicode em Base64 ou decodifique de volta com validação ao vivo, opções URL-safe e UTF-8 e botão de troca para ida e volta.

Converter