Beautifier JavaScript en ligne — Beautifier JS

Beautifiez du JavaScript instantanément. Formatez votre JS avec une indentation cohérente et des options personnalisables. Traitement dans le navigateur.

Chargement…

Beautification JavaScript

Beautifiez du JavaScript en ligne. Formatez votre JS avec une indentation cohérente — traitement instantané dans le navigateur.

Fonctionnalités

Formatez et beautifiez votre code JavaScript avec une indentation personnalisable (2 ou 4 espaces, ou tabs).

Beautifier

Formatez et beautifiez votre code JavaScript avec une indentation personnalisable (2 ou 4 espaces, ou tabs).

Package utilisé

Terser

v5.47.1

Terser est un compresseur JavaScript moderne qui optimise la taille et les performances de votre code.

Exemple de base

JavaScript minifié

function calculateTotal(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].price;return t}const products=[{name:"Laptop",price:999},{name:"Mouse",price:25}];console.log("Total:",calculateTotal(products));

JavaScript beautifié

function calculateTotal(e) {
  let t = 0;
  for (let o = 0; o < e.length; o++) t += e[o].price;
  return t;
}
const products = [{
  name: "Laptop",
  price: 999
}, {
  name: "Mouse",
  price: 25
}];
console.log("Total:", calculateTotal(products));

Guide d'optimisation JavaScript

Options de minification

Options de Beautify

Options d’indentation pour Beautify et Unminify (non utilisées par Minify)

Taille d'indentation

Définit le nombre d'espaces ou de tabs pour l'indentation lors du Beautify et de l'Unminify

Code original

function test(){return true;}

Avec 2 espaces

function test() {
  return true;
}

Avec 4 espaces

function test() {
    return true;
}

Différence

Beautify et Unminify utilisentent tous les deux les contrôles d’indentation de la barre d’outils. Minify les ignore.

Type d'indentation

Utilise des espaces ou des tabs pour l'indentation lors du Beautify et de l'Unminify

Code original

function test(){return true;}

Avec espaces

function test() {
  return true;
}

Avec tabs

function test() {
	return true;
}

Différence

Les espaces sont plus standards, les tabs peuvent être préférés selon vos conventions de code.

Beautifier JavaScript vs Déminificateur — Quelle différence

Les deux termes désignent le fait de rendre du code minifié lisible, avec des différences subtiles. Un beautifier applique des règles de formatage cohérentes (style d'indentation, placement des accolades) à n'importe quel code. Un déminificateur cible spécifiquement le code minifié pour restaurer la structure supprimée lors de la compression. Notre outil gère les deux — collez votre code et cliquez sur Déminifier ou Beautifier selon vos besoins.