Негізгі мазмұнға өту
LibraTool logoLibraTool

JSON пішімдеушісі — тегін

JSON деректерін пішімдеңіз, растаңыз, кішірейтіңіз және зерттеңіз. Ағаш көрінісі, синтаксисті бөлектеу және бір рет басу арқылы көшіру.

Жүктелгеннен кейін офлайн жұмыс істейді

Жиі қолданылуы

  • API Жауаптарын ПішіндеңізШикі API JSON жауаптарын құйып, бірден оқырмандыққа қол жеткізді, ынамды шығысы.
  • JSON Конфигурация Файлын ПішіндеңізJSON конфигурация файлын тазалап, дәлелдеңіз — package.json, tsconfig.json, параметрлері және т.б.
  • Кесінді Үшін JSON ПішіндеңізЫқшамталған немесе ығысталған JSON логерлерін, қайта ішінен және дана есебінің шығысын бірден ашыңыз.
  • JSON Аудару Файлын ПішіндеңізReact, Vue және Next.js қолданбаларында пайдаланылатын i18n аудару JSON файлын (en.json, de.json) дәлелдеңіз және әдемілеңіз.
  • Webhook Жүктемелерді Ынамдылықсы және ПішіндеңізStripe, GitHub немесе Shopify-дан шикі webhook жүктемелерін құйып, анықта пішінделген оқыңыз.

Қалай жұмыс істейді

Пішімдегіш JavaScript-тің кірістірілген JSON.parse мен JSON.stringify-ін пайдаланып толығымен браузеріңізде жұмыс істейді — кітапхана жоқ, сервер жоқ. Талдау, пішімдеу, минификация және интерактивті ағаш көрінісі — барлығы теру кезінде жергілікті түрде жүреді.

  1. 1
    Кірісте тірі талдау
    JSON.parse соңғы перне басуыңыздан 200 мс кейін жұмыс істейді. Талдау сәтсіз болса, қолмен жазылған қате-орны функциясы V8 немесе Firefox-тан SyntaxError хабарламасын оқиды, жол мен баған нөмірін шығарады және мәтін ауданында қатеге-өту сілтемесін ұсынады.
  2. 2
    Қауіпсіз емес бүтін санды анықтау
    Шығысты көрсетпес бұрын, құрал шикі көзді 16 немесе одан да көп цифрлы бүтін сан литералдарынан сканерлейді (дәйексөзделген жолдардың ішіндегілерін елемей), содан кейін әрқайсысын Number.isSafeInteger арқылы тексереді. Кез келгені IEEE-754 қос сақтаумен үнсіз дөңгелектенсе, оны көшірмес немесе жүктеп алмас бұрын ескерту пайда болады.
  3. 3
    Пішімдеу, минификация және кілт сұрыптау
    JSON.stringify(value, null, indent) пішімделген немесе минификацияланған шығысты шығарады. Кілттерді сұрыптау қосулы болғанда, рекурсивті функция талданған ағаштағы әр нысанды аралап, сериаландыру алдында оны Object.keys(...).sort() арқылы қайта құрады — массивтер бастапқы ретінде қалдырылады.
  4. 4
    Интерактивті ағаш көрінісі
    Ағаш көрінісі — талданған нысанды тереңдігі, жолы және кеңейту/жию күйі бар түйіндердің жалпақ тізіміне түрлендіретін қолмен жазылған рекурсивті жалпақтандыру. Өңдеу үлкен кеңейтілген массивтері бар мегабайттарша құжаттарда қойындының тоқтап қалуын болдырмау үшін 5,000 көрінетін түйінмен шектелген.

Барлығы браузеріңізде жергілікті түрде жұмыс істейді — JSON-ыңыз ешбір серверге ешқашан жіберілмейді.

Байланысты құралдар

🗜️

CSS кішірейткіш және сәнді түрлендіруші

Файл өлшемін азайту үшін CSS-ті кішірейтіңіз немесе оқуға ыңғайлылығы үшін кішірейтілген CSS-ті сәнді түрге келтіріңіз. Лезде, браузерде.

Байқап көріңіз
🎨

CSS сәнді түрлендіруші

Кішірейтілген CSS-ті біркелкі шегініспен ретке келтіріңіз немесе кішірейтіңіз. Болжамды айырмашылықтар үшін қасиеттерді әліпби бойынша сұрыптау (міндетті емес).

Байқап көріңіз
🌐

HTML сәнді түрлендіруші және кішірейткіш

HTML-ды тиісті кірістіру шегінісімен сәнді басып шығарыңыз немесе кішірейтіңіз. <pre>, <script>, <style> блоктарының ішіндегі мазмұнды сақтайды.

Байқап көріңіз

Жиі қойылатын сұрақтар