Ձեզ հարկավոր չէ IDE կամ աշխատասեղանի հավելված՝ վնասված JSON ֆայլը շտկելու համար: JSON խմբագրիչը, որն աշխատում է ձեր բրաուզերում, այդ խնդիրը լուծում է վայրկյանների ընթացքում՝ ներկառուցված շարահյուսության ընդգծմամբ, ստուգմամբ և ձևավորմամբ:
Ինչպես խմբագրել JSON-ը առցանց՝ առանց ծրագրեր տեղադրելու
Jul 3, 20265 min read
Ի՞նչ է JSON խմբագրիչը:
JSON խմբագրիչը գործիք է, որը թույլ է տալիս գրել, կարդալ և ստուգել JSON տվյալները: JSON-ը նշանակում է JavaScript Object Notation: Սա այն ձևաչափն է, որն օգտագործում են շատ API-ներ, կազմաձևման (config) ֆայլեր և հավելվածներ՝ կառուցվածքային տվյալները որպես բանալի-արժեք զույգեր պահելու համար:
Լավ JSON խմբագրիչն անում է երեք բան. այն ընդգծում է շարահյուսությունը, որպեսզի կառուցվածքը հեշտ ընթեռնելի լինի, մուտքագրման ընթացքում ստուգում է տվյալները, որպեսզի դուք անմիջապես նկատեք սխալները, և ձևավորում է ֆայլը, որպեսզի ներդրված օբյեկտներն ու զանգվածները հեշտությամբ ընկալվեն:
Ինչու՞ խմբագրել JSON-ն առցանց՝ ծրագիր տեղադրելու փոխարեն
JSON խմբագրիչ հավելվածի կամ կոդի խմբագրիչի հավելման տեղադրումը պահանջում է ժամանակ, որը հաճախ չունեք, երբ պարզապես պետք է շտկել մեկ ֆայլ: JSON-ի առցանց խմբագրումը բաց է թողնում այդ քայլը:
Առանց ներբեռնման, առանց կարգավորման: Բացեք էջը և սկսեք մուտքագրել:
Աշխատում է բրաուզեր ունեցող ցանկացած սարքի վրա, ներառյալ Chromebook-ների և պլանշետների:
Թարմացնելու կարիք չկա: Գործիքն միշտ վերջին տարբերակն է:
Ձեր տվյալները մնում են ձեր բրաուզերում՝ սերվեր վերբեռնվելու փոխարեն:
Ավելի արագ է մեկանգամյա խմբագրումների համար, քան ամբողջական կոդի խմբագրիչ բացելը միայն կազմաձևման ֆայլը ստուգելու համար:
Քայլ առ քայլ․ Խմբագրել JSON-ն առցանց
Ահա թե ինչպես կարելի է ձևավորել, վավերացնել և մաքրել JSON-ը՝ օգտագործելով առցանց JSON խմբագրիչը:
Քայլ 1. Բացեք JSON խմբագրիչը
Գնացեք JSON խմբագրիչի էջ: Գրանցում չի պահանջվում:
Քայլ 2. Տեղադրեք ձեր JSON-ը
Տեղադրեք ձեր JSON տվյալները խմբագրիչում: Դա կարող է լինել API պատասխան, կազմաձևման ֆայլ կամ մի բան, որը գրում եք զրոյից:
Քայլ 3. Ստուգեք վավերականության նշանը
Նայեք վերին աջ անկյունում գտնվող կարգավիճակի նշանին: Այն ցույց է տալիս «Valid JSON», երբ կառուցվածքը ճիշտ է: Եթե ինչ-որ բան սխալ է, նշանը փոխվում է և ուղղորդում դեպի խնդիրը, որպեսզի կարողանաք շտկել այն նախքան ձեր հավելվածը կամ սկրիպտը վնասելը:
Քայլ 4. Ձևավորեք JSON-ը
Սեղմեք «Format»՝ ֆայլըներածալելու (indent) և տողերի հերթափոխներ ավելացնելու համար: Սա տեքստի խիտ բլոկը վերածում է մի կառուցվածքի, որը դուք իրականում կարող եք կարդալ, որտեղ յուրաքանչյուր բանալի և արժեք գտնվում է իր սեփական տողում:
Քայլ 5. Սեղմեք (Minify) JSON-ը
Սեղմեք «Minify», երբ ձեզ հակառակն է պետք՝ կոմպակտ տարբերակ՝ առանց հավելյալ բացատների կամ տողերի հերթափոխների: Սա այն է, ինչ ձեզ հարկավոր է JSON-ը սերվեր ուղղելուց կամ ավելի փոքր ֆայլում պահելուց առաջ:
Քայլ 6. Պատճենեք արդյունքը
Սեղմեք «Copy»՝ ձևավորված կամ սեղմված JSON-ը վերցնելու և այն ցանկացած տեղում տեղադրելու համար, լինի դա կազմաձևման ֆայլ, սկրիպտ, թե API հարցում:
Հասկանալով խմբագրիչի հնարավորությունները
Շարահյուսության ընդգծում (Syntax highlighting): Բանալիները, տողային արժեքները, թվերը և բուլյան (boolean) արժեքներն ստանում են իրենց սեփական գույնը, այնպես որ կարող եք վերլուծել կառուցվածքը՝ առանց յուրաքանչյուր նիշը կարդալու:
Ուղիղ վավերացում (Live validation): Խմբագրիչը ստուգում է ձեր JSON-ը մուտքագրման ժամանակ և նշում սխալները նախքան ֆայլը պահպանելը կամ ուղարկելը:
Ավտոպահպանում: Ձեր աշխատանքն ավտոմատ կերպով պահպանվում է ընթացքում, այնպես որ փակված ներդիրը չի կորցնի ձեր կատարած խմբագրումները:
Բաց, մուգ և համակարգային թեմաներ: Փոխեք խմբագրիչը, որպեսզի այն համապատասխանի ձեր էկրանին և նվազեցնի աչքերի լարվածությունը խմբագրման երկար սեանսների ժամանակ:
Տեղային մշակում: Ձեր JSON-ը մնում է ձեր բրաուզերում: Ոչինչ չի ուղարկվում սերվեր միայն այն ձևավորելու կամ վավերացնելու համար:
Տարածված JSON սխալները և ինչպես շտկել դրանք
Խնդիր: Ավելորդ ստորակ օբյեկտի կամ զանգվածի վերջին տարրից հետո: Լուծում: Հեռացրեք ստորակը: JSON-ը թույլ չի տալիս ստորակ վերջին բանալի-արժեք զույգից հետո:
Խնդիր: Միակի չակերտներ կրկնակի չակերտների փոխարեն: Լուծում: JSON-ը պահանջում է կրկնակի չակերտներ բանալիների և տողային արժեքների շուրջ: Միակի չակերտները կվնասեն ֆայլը:
Խնդիր: Բացակայող կամ չհամապատասխանող փակագծեր և ձևավոր փակագծեր: Լուծում: Հաշվեք ձեր բացվող և փակվող {} և [] նիշերը: Վավերացնողը ցույց կտա այն տողը, որտեղ կառուցվածքը խախտվում է:
Խնդիր: Չփախուստավորված (unescaped) հատուկ նիշեր տողի ներսում: Լուծում: Փախուստավորեք նիշերը, ինչպիսին են չակերտները և հետադարձ շեղբերը (backslash) հետադարձ շեղբի միջոցով, օրինակ՝ \" կամ \\.
Խնդիր: Ֆայլում մնացած հավելյալ մեկնաբանություն: Լուծում: Ստանդարտ JSON-ը չի աջակցում մեկնաբանություններին: Հեռացրեք ցանկացած // կամ /* */ նշում նախքան վավերացնելը:
Խորհուրդներ JSON-ն առցանց խմբագրելու համար
Նախ ձևավորեք ֆայլը, որպեսզի սխալներն ավելի հեշտ նկատելի լինեն:
Վավերացրեք նախքան սեղմելը (minify), այլ ոչ թե հետո: Ավելի դժվար է կարդալ սխալի հաղորդագրությունները սեղմված ֆայլում:
Պահպանեք ձևավորված պատճենը՝ հղման համար, և սեղմված պատճենը՝ արտադրական (production) միջավայրի համար:
Կրկնակի ստուգեք ներդրված օբյեկտներն ու զանգվածները: JSON-ի սխալների մեծ մասը լինում է մի քանի մակարդակ խորությամբ, ոչ թե վերևում:
ՀՏՀ
Արդյո՞ք պետք է ինչ-որ բան տեղադրել JSON-ն առցանց խմբագրելու համար: Ոչ: Բրաուզերի վրա հիմնված JSON խմբագրիչն աշխատում է առանց որևէ ներբեռնման կամ տեղադրման: Բացեք էջը և սկսեք խմբագրել:
Արդյո՞ք անվտանգ է JSON-ը խմբագրել առցանց: Այո, քանի դեռ խմբագրիչը ձեր տվյալները մշակում է տեղային մակարդակում՝ բրաուզերում, այլ ոչ թե վերբեռնում դրանք սերվեր: Ստուգեք դա նախքան զգայուն որևէ բան տեղադրելը:
Ո՞րն է տարբերությունը JSON-ի ձևավորման և սեղմման միջև: Ձևավորումն ավելացնում է ներածալում և տողերի հերթափոխներ՝ ֆայլը հեշտ կարդալու համար: Սեղմումը հեռացնում է հավելյալ բացատներն ու տողերի հերթափոխները, որպեսզի ֆայլը հնարավորինս փոքր լինի, ինչն էլ պահանջվում է ցանցով ուղարկելուց առաջ:
Կարող ե՞մ խմբագրել մեծ JSON ֆայլեր առցանց: Այո, թեև շատ մեծ ֆայլերի հետ կարող է ավելի հեշտ լինել աշխատել մաս առ մաս, այլ ոչ թե միանգամից:
Եզրակացություն
JSON-ի խմբագրումը չի պահանջում ծանր կարգավորումներ: Բրաուզերի վրա հիմնված խմբագրիչը՝ ներկառուցված ձևավորմամբ, վավերացմամբ և սեղմմամբ, ծածկում է այն ամենը, ինչ ձեզ երբևէ անհրաժեշտ կլինի անել JSON ֆայլի հետ: Փորձեք անվճար առցանց JSON խմբագրիչը և շտկեք ձեր հաջորդ ֆայլը մեկ րոպեից պակաս ժամանակում: