Ogląd plików JSON

Analizuje i formatuje JSON, wyświetlając go bezpośrednio na stronie jako pokolorowane, wcięte drzewo. Każdy typ wartości ma własny kolor: klucze obiektów i null w kolorze fioletowym, wartości logiczne w niebieskim, liczby w zielonym, ciągi znaków w pomarańczowym, a nawiasy klamrowe, nawiasy kwadratowe i przecinki w szarym. Gdy dane wejściowe są nieprawidłowe, przeglądarka pokazuje natywny błąd JSON.parse.

1. Wklej JSON do pola tekstowego wprowadzania. 2. Kliknij Parse. 3. Wyrenderowane drzewo pojawia się w przewijalnym panelu wyników, z każdym zagnieżdżonym poziomem wciętym o 10 px na każdą głębokość.

Obiekty są renderowane jako { key: value, ... } z cytowanymi fioletowymi kluczami i szarymi nawiasami klamrowymi; tablice są renderowane jako [ item, item ] z szarymi nawiasami kwadratowymi. Każdy poziom zagnieżdżenia dodaje 10 px lewego marginesu do swoich elementów podrzędnych, dając wizualne wcięcie. Ciągi znaków są pokazywane z otaczającymi podwójnymi cudzysłowami w pomarańczowym, liczby w zielonym, wartości logiczne w niebieskim, a null w fioletowym. Przecinki między elementami są rysowane na szaro. Drzewo jest statyczne (bez zwijania/rozwijania); używaj go do inspekcji małych i średnich dokumentów.