jsonecho

JS Beautifier

মিনিফাই করা বা এলোমেলো JavaScript-কে পাঠযোগ্য, ইন্ডেন্ট করা কোডে পরিণত করুন।

টুলটি লোড হচ্ছে...

JS Beautifier কীভাবে ব্যবহার করবেন

  1. আপনার JavaScript পেস্ট করুন।
  2. ইন্ডেন্ট ও ব্রেস স্টাইল বেছে নিন।
  3. বিউটিফাই করা কোড কপি করুন।

JS Beautifier সম্পর্কে

মিনিফাই করা JavaScript যন্ত্রের জন্য তৈরি। প্রোডাকশন বান্ডল ডিবাগ করতে বা তৃতীয় পক্ষের স্নিপেট পড়তে হলে আপনার প্রথম যা দরকার তা হোয়াইটস্পেস। এই বিউটিফায়ার লাইন ব্রেক ও ইন্ডেন্টেশন ফিরিয়ে দেয় যাতে আপনি আবার কন্ট্রোল ফ্লো অনুসরণ করতে পারেন।

মিনিফায়ার যে ভেরিয়েবলের নাম এক অক্ষরে ছোট করেছে তা এটি ফিরিয়ে আনতে পারে না, তাই a নামের ফাংশন a-ই থাকে। আপনি যা ফিরে পান তা কাঠামো, এবং বেশিরভাগ ডিবাগিংয়ে শুরু করার জন্য সেটুকুই যথেষ্ট।

সচরাচর জিজ্ঞাসিত প্রশ্ন

বিউটিফাই করলে কি কোড যা করে তা বদলায়?

না। শুধু হোয়াইটস্পেস ও লাইন ব্রেক বদলায়। বিউটিফায়ার কিছু রিনেম করে না বা স্টেটমেন্টের ক্রম বদলায় না।

এটি কি আসল ভেরিয়েবলের নাম ফিরিয়ে আনতে পারে?

না। মিনিফায়ারের সরানো নাম চলে গেছে। বান্ডলের সঙ্গে সোর্স ম্যাপ এলে আপনার ব্রাউজারের ডেভেলপার টুল তা ব্যবহার করে আসল নাম দেখাতে পারে।

এটি কি আধুনিক সিনট্যাক্স সমর্থন করে?

হ্যাঁ, অ্যারো ফাংশন, ক্লাস, টেমপ্লেট লিটারেল, async ও await, অপশনাল চেইনিং এবং ES মডিউল সামলানো হয়।

এটি ও Babel ফরম্যাটারের মধ্যে পার্থক্য কী?

এই টুল একটি উদার বিউটিফায়ার যা কোড আবার ইন্ডেন্ট করে এবং যে সিনট্যাক্স বোঝে না তাতে কখনও ব্যর্থ হয় না। Babel ফরম্যাটার কোড পার্স করে এবং শুরু থেকে প্রিন্ট করে, যা বেশি কঠোর এবং আরও সামঞ্জস্যপূর্ণ ফলাফল দেয়।

কোড ফরম্যাটার-এ আরও

সব টুল →
CSS Pretty PrintCSS প্রিটি প্রিন্ট করুন যাতে প্রতিটি নিয়ম ও প্রপার্টি পড়তে সহজ হয়।ফরম্যাটCSS Minifyসবচেয়ে ছোট CSS পেতে মন্তব্য ও হোয়াইটস্পেস সরান।সংকুচিত করুনC# FormatterC# কোড ইন্ডেন্ট করুন এবং ব্রেস ও স্টেটমেন্ট নিজস্ব লাইনে রাখুন।ফরম্যাটJava FormatterJava কোডকে পাঠযোগ্য লেআউটে ফিরিয়ে আনুন: প্রতি লাইনে একটি স্টেটমেন্ট, ব্রেস ইন্ডেন্ট করা।ফরম্যাটGraphQL FormatterGraphQL কোয়েরি ও স্কিমা ফরম্যাট করুন যাতে নেস্টেড সিলেকশন পড়তে সহজ হয়।ফরম্যাটAngular FormatterAngular কম্পোনেন্ট টেমপ্লেট তাদের স্ট্রাকচারাল ডিরেক্টিভ ও বাইন্ডিংসহ ফরম্যাট করুন।ফরম্যাটVue Formatterএকটি Vue সিঙ্গেল-ফাইল কম্পোনেন্ট ফরম্যাট করুন: template, script ও style একসঙ্গে।ফরম্যাটLess FormatterLess কোড ফরম্যাট করুন, এর ভেরিয়েবল, মিক্সিন ও নেস্টেড নিয়মসহ।ফরম্যাট