বিকাশকারী সংস্থান: উত্স মানচিত্রগুলি দেখুন এবং ম্যানুয়ালি লোড করুন৷

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

DevTools সফলভাবে সোর্স ম্যাপ লোড করে কিনা তা পরীক্ষা করতে ডেভেলপার রিসোর্স প্যানেল ব্যবহার করুন। প্রয়োজন হলে, আপনি সেগুলি ম্যানুয়ালি লোড করতে পারেন।

ওভারভিউ

আপনি যখন DevTools খুলবেন, এটি উৎস মানচিত্র লোড করার চেষ্টা করে, যদি থাকে। ব্যর্থতার ক্ষেত্রে, কনসোল নিম্নলিখিতগুলির মতো একটি ত্রুটি লগ করে।

কনসোলে উৎস মানচিত্র লোড ত্রুটি।

ডেভেলপার রিসোর্স প্যানেলে, আপনি সোর্স ম্যাপ লোড স্ট্যাটাস দেখতে পারেন এমনকি সোর্স ম্যাপ ম্যানুয়ালি লোড করতে পারেন।

বিকাশকারী সংস্থান খুলুন এবং স্থিতি পরীক্ষা করুন

উৎস মানচিত্রের লোড স্থিতি পরীক্ষা করতে:

  1. DevTools খুলুন , উৎস মানচিত্র সক্রিয় করতে ভুলবেন না, এবং more_vert > আরও টুল > বিকাশকারী সংস্থানগুলিতে নেভিগেট করুন।
  2. টেবিলে, নিম্নলিখিত কলামের মানগুলি পরীক্ষা করুন:

    • সোর্স ম্যাপ লোডিং সফল বা ব্যর্থ হয়েছে কিনা তা দেখতে স্থিতি
    • ত্রুটি বার্তা পড়তে ত্রুটি , যদি থাকে.

স্থিতি এবং ত্রুটি কলাম।

URL বা ত্রুটি দ্বারা সম্পদ ফিল্টার করুন

আপনার আগ্রহের উত্স মানচিত্রে ফোকাস করতে, URL বা ত্রুটি বার্তাগুলিতে এই পাঠ্য নেই এমন উত্স মানচিত্রগুলি ফিল্টার করতে শীর্ষে পাঠ্যবক্সে পাঠ্য লিখুন৷

ইউআরএল-এ 'js' নেই এমন উৎস মানচিত্রগুলিকে ফিল্টার করা হচ্ছে।

সোর্স ম্যাপ লোড করার সমস্যা সমাধান করুন

ডিফল্টরূপে, DevTools ওয়েবসাইটের পরিবর্তে সোর্স ম্যাপের অনুরোধ করে। এই ধরনের অনুরোধগুলি ক্রস-অরিজিন হিসাবে বিবেচিত হতে পারে এবং তা নাও পেতে পারে।

ওয়েবসাইট রিকোয়েস্ট সোর্স ম্যাপ তৈরি করতে প্রথমে, ডেভেলপার রিসোর্সেসের উপরের ডানদিকে, চেক করুন চেকবক্স। ওয়েবসাইটের মাধ্যমে লোড করুন

'ওয়েবসাইটের মাধ্যমে লোড' চেকবক্স

আপনার যদি এখনও সোর্স ম্যাপ লোড করার সমস্যা থাকে, তাহলে পরবর্তী বর্ণনা অনুযায়ী সেগুলি ম্যানুয়ালি লোড করার চেষ্টা করুন।

ম্যানুয়ালি একটি উৎস মানচিত্র লোড করুন

আপনি যদি লোড ব্যর্থতার সম্মুখীন হন বা, উদাহরণস্বরূপ, প্রোডাকশনের একটি ওয়েবসাইটে আপনার আসল কোড ডিবাগ করতে চান যেখানে উত্স মানচিত্র নেই, আপনি সেগুলি ম্যানুয়ালি লোড করতে পারেন:

  1. তাদের সমর্থন করে এমন সরঞ্জামগুলি ব্যবহার করে উত্স মানচিত্র তৈরি করুন
  2. স্থানীয়ভাবে উত্স মানচিত্র হোস্ট করুন.
  3. আপনার পৃষ্ঠায় DevTools খুলুন এবং উৎস মানচিত্র সক্ষম করা নিশ্চিত করুন।
  4. উত্সে স্থাপন করা (প্রক্রিয়াকৃত) ফাইলটি খুলুন, সম্পাদকে এটিকে ডান-ক্লিক করুন এবং মেনু থেকে উত্স মানচিত্র যুক্ত করুন নির্বাচন করুন৷

    মেনু থেকে 'উৎস মানচিত্র যোগ করুন' নির্বাচন করা হচ্ছে।

  5. টেক্সটবক্সে, উৎস মানচিত্রের URL উল্লেখ করুন এবং যোগ করুন ক্লিক করুন।

    উৎস মানচিত্র URL উল্লেখ করা.

  6. ডেভেলপার রিসোর্সে সোর্স ম্যাপ এবং ফাইল ট্রিতে আসল ফাইল (ডিপ্লোয় করা থেকে ম্যাপ করা) আছে কিনা চেক করুন।

    একটি ম্যানুয়ালি লোড করা সোর্স ম্যাপ আসল ফাইলটিকে ফাইল ট্রিতে দেখায়।

  7. আপনার আসল ফাইল ডিবাগ করতে এগিয়ে যান।