বেশিরভাগ ব্রাউজার অন্তর্নির্মিত বিকাশকারী সরঞ্জামগুলির সাথে প্রেরণ করে। এই বিকাশকারী সরঞ্জামগুলিতে সাধারণত একটি কনসোল অন্তর্ভুক্ত থাকে। কনসোল আপনাকে বর্তমানে চলমান পৃষ্ঠা সম্পর্কে তথ্য দেয়।
কনসোলে লগ ইন করা বার্তাগুলি হয় ওয়েব ডেভেলপারদের কাছ থেকে আসে যারা পৃষ্ঠাটি তৈরি করেছেন বা ব্রাউজার নিজেই৷ সমস্ত কনসোল বার্তাগুলির একটি তীব্রতা স্তর রয়েছে: Verbose , Info , Warning , বা Error ৷ একটি Error বার্তা মানে আপনার পৃষ্ঠায় একটি সমস্যা আছে যা আপনাকে সমাধান করতে হবে৷
কিভাবে Lighthouse ব্রাউজার ত্রুটি অডিট ব্যর্থ হয়
লাইটহাউস কনসোলে লগ করা সমস্ত ব্রাউজার ত্রুটিগুলি পতাকাঙ্কিত করে:
ব্রাউজারের ত্রুটিগুলি কীভাবে ঠিক করবেন
আপনার পৃষ্ঠাটি আপনার সমস্ত ব্যবহারকারীর জন্য প্রত্যাশিতভাবে চলে তা নিশ্চিত করতে Lighthouse রিপোর্ট করা প্রতিটি ব্রাউজার ত্রুটি ঠিক করুন।
Chrome DevTools-এ কিছু টুল রয়েছে যা আপনাকে ত্রুটির কারণ খুঁজে বের করতে সাহায্য করে:
- প্রতিটি ত্রুটির পাঠ্যের নীচে, DevTools কনসোল কল স্ট্যাক দেখায় যা সমস্যাযুক্ত কোডটি কার্যকর করতে পারে।
- প্রতিটি ত্রুটির উপরের ডানদিকে একটি লিঙ্ক আপনাকে সেই কোডটি দেখায় যা ত্রুটিটি ঘটিয়েছে।
উদাহরণস্বরূপ, এই স্ক্রিনশটটি দুটি ত্রুটি সহ একটি পৃষ্ঠা দেখায়:
উদাহরণে, প্রথম ত্রুটিটি একটি ওয়েব ডেভেলপারের কাছ থেকে console.error() এ কল থেকে আসে। দ্বিতীয় ত্রুটি ব্রাউজার থেকে আসে এবং নির্দেশ করে যে পৃষ্ঠার স্ক্রিপ্টগুলির একটিতে ব্যবহৃত একটি ভেরিয়েবল বিদ্যমান নেই৷
প্রতিটি ত্রুটির পাঠ্যের নীচে, DevTools Console সেই কল স্ট্যাকটি নির্দেশ করে যেখানে ত্রুটিটি প্রদর্শিত হয়৷ উদাহরণস্বরূপ, প্রথম ত্রুটির জন্য কনসোল নির্দেশ করে যে init ফাংশন নামে একটি (anonymous) ফাংশন, যা doStuff ফাংশন বলে। সেই ত্রুটির উপরের ডানদিকে pen.js:9 লিঙ্কে ক্লিক করলে আপনাকে প্রাসঙ্গিক কোড দেখাবে।
এইভাবে প্রতিটি ত্রুটির জন্য প্রাসঙ্গিক কোড পর্যালোচনা করা আপনাকে সম্ভাব্য সমস্যা চিহ্নিত করতে এবং সমাধান করতে সাহায্য করতে পারে।
আপনি যদি একটি ত্রুটির কারণ খুঁজে বের করতে না পারেন, তাহলে একটি অনুসন্ধান ইঞ্জিনে ত্রুটির পাঠ্য প্রবেশ করার চেষ্টা করুন৷ আপনি যদি আপনার সমস্যার সমাধান খুঁজে না পান তবে স্ট্যাক ওভারফ্লোতে একটি প্রশ্ন জিজ্ঞাসা করার চেষ্টা করুন।
আপনি যদি একটি ত্রুটি ঠিক করতে না পারেন, তাহলে এটিকে একটি try…catch স্টেটমেন্টটি স্পষ্টভাবে নির্দেশ করুন যে আপনি সমস্যাটি সম্পর্কে সচেতন। আপনি ত্রুটিটি আরও সুন্দরভাবে পরিচালনা করতে catch ব্লক ব্যবহার করতে পারেন।