រំលងទៅខ្លឹមសារមេ
LibraTool logoLibraTool

ទ្រង់ទ្រាយ JSON ឥតគិតថ្លៃ

ធ្វើទ្រង់ទ្រាយ ធ្វើឱ្យមានសុពលភាព កាត់បន្ថយ និងរុករកទិន្នន័យ JSON ។ ទិដ្ឋភាពមែកធាង ការបន្លិចវាក្យសម្ព័ន្ធ និងការចម្លងដោយចុចតែម្តង។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច

ការប្រើប្រាស់ទូទៅ

  • ហាង API Responsesស្អិតលេបលើ API JSON ប្រតិកម្មឆៅ ហើយប្រែក្លាយវាបានលម្អិតទៅលេខលទ្ធលម្អិតដែលងាយស្រួលយល់ក្នុងម្តង។
  • ហាងឯកសារ JSON Configសម្អាតឯកសារលម្អិត JSON — package.json, tsconfig.json សមបត្តិ និងលើស។
  • ហាង JSON សម្រាប់ Debuggingរលាយលេខ JSON minified ឬ escaped ផ្ទុក កំហុស payloads និងលទ្ធផល database ក្នុងម្តង។
  • ហាង JSON Translation Filesផ្ទៀងផ្ទាត់ និង prettify i18n ការរៀប JSON ឯកសារ (en.json, de.json) ប្រើក្នុង React Vue និង Next.js apps។
  • គិត ហើយ ហាង Webhook Payloadsស្អិតលេប ក្ខន្ធ webhook payloads ពី Stripe GitHub ឬ Shopify ហើយ អាន ពួកគេ ច្បាស់ ដែលមាន ហាង។

វាដំណើរការដោយរបៀបណា

កម្មវិធីធ្វើទ្រង់ទ្រាយដំណើរការទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នកដោយប្រើ JSON.parse និង JSON.stringify ភ្ជាប់ជាមួយ JavaScript — គ្មានបណ្ណាល័យ គ្មានម៉ាស៊ីនមេទេ។ ការញែក ការធ្វើទ្រង់ទ្រាយ ការបង្រួម និងទិដ្ឋភាពដើមឈើអន្តរកម្មទាំងអស់កើតឡើងនៅក្នុងស្រុកពេលអ្នកវាយ។

  1. 1
    ការញែកផ្ទាល់លើធាតុចូល
    JSON.parse ដំណើរការ 200 ms បន្ទាប់ពីការចុចគ្រាប់ចុចចុងក្រោយរបស់អ្នក។ ប្រសិនបើការញែកបរាជ័យ អនុគមន៍ទីតាំងកំហុសសរសេរដោយដៃអានសារ SyntaxError ពី V8 ឬ Firefox ទាញយកលេខបន្ទាត់ និងជួរឈរ និងផ្តល់តំណភ្ជាប់លោត-ទៅ-កំហុសនៅក្នុងតំបន់អត្ថបទ។
  2. 2
    ការរកឃើញចំនួនគត់មិនសុវត្ថិភាព
    មុននឹងបង្ហាញលទ្ធផល ឧបករណ៍ស្កេនប្រភពដើមសម្រាប់ literal ចំនួនគត់ 16 ខ្ទង់ ឬច្រើនជាង (មិនអើពើនឹងអ្វីនៅក្នុង string ក្នុងសញ្ញាដកស្រង់) រួចសាកល្បងនីមួយៗជាមួយ Number.isSafeInteger។ ប្រសិនបើមួយណានឹងត្រូវបានបង្គត់ស្ងៀមស្ងាត់ដោយការផ្ទុក double IEEE-754 ការព្រមានលេចឡើងមុននឹងអ្នកចម្លង ឬទាញយក។
  3. 3
    ការធ្វើទ្រង់ទ្រាយ ការបង្រួម និងការតម្រៀបគន្លឹះ
    JSON.stringify(value, null, indent) ផលិតលទ្ធផលដែលបានធ្វើទ្រង់ទ្រាយ ឬបានបង្រួម។ ពេលតម្រៀបគន្លឹះបើក អនុគមន៍ដដែលៗដើរតាមវត្ថុនីមួយៗនៅក្នុងដើមឈើដែលបានញែក ហើយកសាងវាឡើងវិញជាមួយ Object.keys(...).sort() មុននឹង serialization — arrays ត្រូវបានទុកតាមលំដាប់ដើមរបស់ពួកវា។
  4. 4
    ទិដ្ឋភាពដើមឈើអន្តរកម្ម
    ទិដ្ឋភាពដើមឈើជាការសំប៉ែតដដែលៗសរសេរដោយដៃដែលប្តូរវត្ថុដែលបានញែកទៅជាបញ្ជីរាបស្មើនៃថ្នាំងជាមួយជម្រៅ ផ្លូវ និងស្ថានភាពពង្រីក/បិទ។ ការបង្ហាញត្រូវបានកំណត់ត្រឹម 5,000 ថ្នាំងមើលឃើញដើម្បីការពារផ្ទាំងកកលើឯកសារច្រើនមេហ្គាបៃដែលមាន arrays ធំបានពង្រីក។

អ្វីៗទាំងអស់ដំណើរការក្នុងស្រុកនៅក្នុងកម្មវិធីរុករករបស់អ្នក — JSON របស់អ្នកមិនដែលត្រូវបានផ្ញើទៅម៉ាស៊ីនមេណាមួយទេ។

ឧបករណ៍ពាក់ព័ន្ធ

🗜️

CSS Minifier & ធ្វើឱ្យស្អាត

Minify CSS ដើម្បីកាត់បន្ថយទំហំឯកសារ ឬ beautify CSS ដែល minify ហើយសម្រាប់ការអាន។ ភ្លាមៗ ក្នុងកម្មវិធីរុករករបស់អ្នក។

សាកល្បង
🎨

ធ្វើឱ្យស្អាត CSS

រៀបចំ CSS ដែលបានបង្រួមឱ្យមានការចូលបន្ទាត់ស្មើគ្នា ឬបង្រួម CSS។ មានជម្រើសតម្រៀបលក្ខណៈតាមអក្ខរក្រម ដើម្បីប្រៀបធៀបភាពខុសគ្នាបានងាយស្រួល។

សាកល្បង
🌐

ធ្វើឱ្យស្អាត & Minify HTML

Pretty-print ឬ minify HTML ជាមួយ indentation nesting ត្រឹមត្រូវ។ រក្សា content ខាងក្នុង <pre>, <script>, <style> block។

សាកល្បង

សំណួរដែលសួរជាញឹកញាប់