DevTools টিপস: উৎস মানচিত্র কি?

Sofia Emelianova

সোর্স ম্যাপগুলি আপনাকে আপনার কোডকে পঠনযোগ্য এবং ডিবাগযোগ্য রাখতে দেয় এমনকি আপনি এটিকে একত্রিত এবং ছোট করার পরেও, কর্মক্ষমতা প্রভাবিত না করে।

বিভিন্ন ট্রান্সপিলার, মিনিফায়ার এবং বান্ডলার ব্যবহার করার সময়, আপনি যে কোডটি লিখেছেন সেটি থেকে আলাদা। নেটওয়ার্ক পারফরম্যান্স উন্নত করতে, এই সরঞ্জামগুলি কোডটিকে একটি লাইনে সংকুচিত করে, অপ্রয়োজনীয় অক্ষরগুলি সরিয়ে দেয় এবং ভেরিয়েবলগুলিকে ছোট করে।

অনেক টুলস আপনার কোডের সাথে সোর্স ম্যাপ তৈরি করতে পারে।

Chrome DevTools স্থাপিত কোড এবং উত্স মানচিত্র উভয়ই পড়ে এবং আপনাকে আপনার কোড ডিবাগ করতে দেয়, এমনকি ব্রেকপয়েন্টের সাথেও।

সোর্স ম্যাপ কীভাবে কাজ করে তা আরও ভালোভাবে বুঝতে, সোর্স ম্যাপ ভিজ্যুয়ালাইজারটি দেখুন।

উপরন্তু, উৎস মানচিত্রের এক্সটেনশন থাকতে পারে। আপনি যদি টুল এবং ফ্রেমওয়ার্ক তৈরি করেন, সেগুলিকে সমর্থন করার কথা বিবেচনা করুন। এই কেস স্টাডিটি দেখুন: DevTools এর সাথে আরও ভাল কৌণিক ডিবাগিং , যেখানে DevTools টিম এবং Angular x_google_ignoreList এক্সটেনশনকে সমর্থন করে DevTools-এ ডিবাগিং অভিজ্ঞতা উন্নত করেছে।

আরও জানতে, দেখুন:

• জাভাস্ক্রিপ্ট সোর্স ম্যাপের ভূমিকা
• উৎস মানচিত্র কি?
• সোর্স ম্যাপ ব্যবহার করার পরিবর্তে আপনার আসল কোড ডিবাগ করুন