JavaScript-Formatierer

Formatieren Sie das kompakte JavaScript in lesbaren Quellcode in Ihrem Browser.

Eingabe
Ausgabe
0 Zeichen 0 Zeilen

Machen Sie JavaScript lesbar, ohne die Logik neu zu schreiben

JavaScript-Formatierer erweitert kompakte oder unübersichtliche JavaScript in lesbare Blöcke, Anweisungen und Ausdrücke. Es hilft beim Untersuchen minimierter Snippets, beim Debuggen von kopiertem Code, beim Überprüfen generierter Skripte oder beim Vorbereiten von Beispielen.

Durch die Verschönerung werden Leerzeichen und Zeilenumbrüche geändert. Es entschlüsselt umbenannte Variablen nicht, stellt keine Originalkommentare wieder her, leitet keine TypeScript-Typen ab und garantiert nicht, dass bereits fehlerhafter Code gültig wird.

Anleitung

  1. Fügen Sie Ihren JavaScript-Code in den Eingabeeditor ein.
  2. Klicken Sie auf Verschönern JavaScript, um Anweisungen und Blöcke umzufließen.
  3. Überprüfen Sie die Ausgabe auf beibehaltene Zeichenfolgen, Kommentare und laufzeitabhängige Syntax.
  4. Verwenden Sie Kopieren für die Zwischenablage, Herunterladen für eine Datei oder Leeren zum Zurücksetzen.

Was ist JavaScript-Formatierer?

JavaScript-Formatierer ist ein browserbasiertes Dienstprogramm zur Neuformatierung von JavaScript, damit Kontrollfluss, Funktionen, Objekte, Arrays und verkettete Aufrufe leichter lesbar sind.

Durch die Formatierung soll das Verhalten erhalten bleiben, aber JavaScript hat Randfälle rund um das automatische Einfügen von Semikolons, Anweisungen, reguläre Ausdrücke und Vorlagenliterale. Testen Sie wichtigen Code nach der Neuformatierung.

Eingabehinweise

Fügen Sie einfache JavaScript-Tags ein, nicht HTML <script>-Tags, es sei denn, das Tool soll sie als Text verarbeiten. Bestätigen Sie bei JSX-, TypeScript- oder Framework-Vorlagen die Ausgabe mit Ihrem normalen Parser.

Beispiel

Eine kompakte Funktion wird in einen besser lesbaren Block umgeformt:

--- Minified Input ---
function hello(name){console.log("Hello, "+name+"!");}

--- Beautified Output ---
function hello(name) {
  console.log("Hello, " + name + "!");
}

MCP-Integration

MCP (Model Context Protocol) ermöglicht KI-Agenten und Apps, Coding.Tools-Werkzeuge zu entdecken und für wiederholbare Konvertierungs-, Formatierungs-, Hashing- und Generierungsabläufe auszuführen.

MCP-Toolname: javascript-beautifier

MCP-Endpunkt: https://coding.tools/mcp

Rufen Sie zuerst tools/list auf. Jeder Tool-Eintrag enthält inputSchema, outputSchema und examples, damit ein KI-Agent oder Client gültige Argumente ohne Raten erstellen kann.

Bei tools/call lesen Sie result.content[0].text für den Anzeigewert und result.structuredContent für maschinelles Parsen. Tool-Fehler liefern isError: true; Protokollfehler liefern einen JSON-RPC error.

Beispiel für eine tools/call-Anfrage:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"javascript-beautifier","arguments":{"input":"function total(items){return items.reduce((sum,item)=>sum+item.price,0);}"}}}'

Die meisten Text- und Datentools akzeptieren eine input-Zeichenkette sowie optionale options. Bildtools, die Browser-Bild-APIs benötigen, werden zur Erkennung aufgelistet und geben bei Bedarf einen Link zur Weboberfläche zurück.