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