json formatter

JSON Formatter – das Original

Chrome-Erweiterung, die JSON automatisch formatiert, wenn Sie es in einem Browser-Tab anzeigen.

Merkmale

• Schnell , auch auf sehr langen JSON-Seiten
• Dunkler Modus
• Syntaxhervorhebung
• Zusammenklappbare Bäume mit Einkerbungsführungen
• Anklickbare URLs
• Vernachlässigbare Auswirkungen auf die Leistung auf Nicht-JSON-Seiten (weniger als 1 Millisekunde)
• Funktioniert auf jeder gültigen JSON-Seite – die URL spielt keine Rolle
• Schaltflächen zum Umschalten zwischen rohem und geparstem JSON
• Der geparste JSON-Code wird als globale Variable json exportiert, sodass Sie ihn in der Konsole überprüfen können *

*Die Eingabe von json in die Konsole funktioniert seit Manifest v3 nicht mehr. Wenn Sie eine Problemumgehung benötigen, fügen Sie dieses Snippet in die Konsole ein:

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

Einige JSON-Dokumente zum Testen auf: https://callumlocke.github.io/json-formatter/

Installation

Option 1 (empfohlen) – Installieren Sie es aus dem Chrome Web Store.

Option 2 – Von der Quelle installieren (siehe unten).

Entwicklung

Anforderungen: Deno (und vorerst Node).

Ersteinrichtung:

• Klon-Repo
• Führen Sie pnpm i aus, um TypeScript-Eingaben für Chrome zu erhalten (oder verwenden Sie npm i wenn Sie es vorziehen).
• Optional: Wenn Sie VSCode verwenden und sich mit den Deno-Build-Skripten herumschlagen müssen, installieren Sie das offizielle Deno-Plugin und legen Sie "deno.enablePaths": ["tasks"] fest.

Um es zu bauen:

• Führen Sie deno task build aus

So erstellen und neu erstellen Sie, wann immer sich Dateien ändern:

• Führen Sie deno task dev aus

So installieren Sie Ihren lokalen Build in Chrome

• Öffnen Sie Chrome und gehen Sie zu chrome://extensions
• Aktivieren Sie den „Entwicklermodus“,
• Klicken Sie auf „Unverpackt laden“,
• Wählen Sie den oben erstellten dist -Ordner aus.

FAQ

Warum werden große Zahlen nicht genau angezeigt?

Dies ist eine Einschränkung von JavaScript und daher eine Einschränkung von JSON, wie es von Ihrem Webbrowser interpretiert wird.

• Alles über Number.MAX_SAFE_INTEGER ( 2^53 - 1 oder 9007199254740991 ) wird auf diese Zahl heruntergesetzt.
• Alles unter Number.MIN_SAFE_INTEGER ( -2^53 + 1 oder -9007199254740991 ) wird bis zu dieser Zahl angepasst.
• Extrem genaue Gleitkommazahlen werden auf 16 Stellen gerundet.

Es ist nicht der JSON-Formatierer, der dies tut, sondern die native JSON.parse in V8. JSON Formatter zeigt Ihnen die geparsten Werte an, genau das Gleiche, was Sie nach dem Laden des JSON in JavaScript sehen.

Wenn Ihr API-Endpunkt wirklich Zahlen außerhalb des sicheren Bereichs von JavaScript darstellen muss, sollte er diese als Zeichenfolgen angeben .

Warum sind Objektschlüssel manchmal in der falschen Reihenfolge?

Was Sie im JSON Formatter sehen, ist eine Darstellung des analysierten Objekts/Arrays. Es ist die gleiche Reihenfolge, die Sie mit Object.keys( JSON.parse(json) ) in JavaScript erhalten.

Historisch gesehen gab der JavaScript-Standard ausdrücklich an, dass Objektschlüssel in beliebiger Reihenfolge iteriert werden können, und V8 machte sich dies zunutze, indem numerische Zeichenfolgenschlüssel (wie "1" oder "99999" ) nach oben verschoben wurden, um eine kleine Leistungsoptimierung zu ermöglichen. Dieses V8-Implementierungsdetail wurde inzwischen standardisiert.

Aber ich möchte nur genau sehen, was der Server ausspuckt

Im Moment ist es am besten, einfach die Schaltfläche „Raw“ zu verwenden, um den rohen JSON-Code anzuzeigen. Das hat der Server gesendet. Die Schaltflächen „Parsed“ stellen dar, was Sie von JSON.parse erhalten.

In Zukunft wird JSON Formatter möglicherweise von der Verwendung JSON.parse auf einen benutzerdefinierten Parser umsteigen (sofern die Leistung dies zulässt), um zu erkennen, wenn ein Wert durch Parsen „geändert“ wurde, und eine entsprechende Warnung anzuzeigen.