If you're seeing this message, it means we're having trouble loading external resources on our website.

তোমার যদি কোন ওয়েব ফিল্টার দেওয়া থাকে, তাহলে দয়া করে নিশ্চিত কর যে *.kastatic.org এবং *.kasandbox.org ডোমেইনগুলো উন্মুক্ত।

মূল বিষয়বস্তু

ব্রাউজার কনসোল ব্যবহার করে ওয়েবপেজের ত্রুটি সংশোধন করা।

খান একাডেমির console.log() এবং ক্রম ডেভেলপার টুলস ব্যবহার করে কীভাবে তোমার ওয়েবপেজের ত্রুটি সংশোধন করা যায় তা শিখ।

আলোচনায় অংশ নিতে চাও?

কোন আলাপচারিতা নেই।
ইংরেজি জানো? খান একাডেমির ইংরেজি সাইটে আরো আলোচনা দেখতে এখানে ক্লিক কর।

ভিডিও ট্রান্সক্রিপ্ট

## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ## একজন ওয়েব নির্মাতা হিসেবে তোমার একটি খুবই ভালো দক্ষতা হচ্ছে বিভিন্ন সহজলভ্য টুল ব্যবহার করে ওয়েবপেজের ত্রুটি সনাক্ত করতে পারা যেমন ব্রাউজার ডেভালপার টুল এখনকার সব ব্রাউজারেই ডেভালপার টুল থাকে তাই তোমার জেনে নেয়া উচিত এগুলো কিভাবে ব্যবহার করতে হয় কিন্তু এটাও জেনে নেয়া ভালো কোন ব্রাউজারের টুলটি সবচেয়ে ভালো আর সেই ব্রাউজার দিয়েই ত্রুটি সনাক্তকরন শুরু করা এই মুহূর্তে আমার মনে হয় সেটা হচ্ছে ক্রোম যদিও হয়ত এটা ভবিষ্যতে পরিবর্তন হতে পারে আচ্ছা, আমরা ক্রোম ডেভালপার টুল শুরু করি তুমি বেশ কয়েকটা উপায়েই সেটা করতে পারো আমি যেটা বের করতে চাই, আমার এটার জন্য কী-বোর্ড কি চাপতে হবে এটা অবশ্য আমার ব্রাউজার ও অপারেটিং সিস্টেমের উপর নির্ভর করে আর খুব দ্রুত করা যায় তো ম্যাক এ এটার জন্য কীবোর্ডে কমান্ড+অপশন+আই চাপতে হবে এইতো! এতাই হল ডেভালপার টুল এটা করার আরেকটি পদ্ধতি হল মাউসে ডান ক্লিক করে ইন্সপেক্ট এলিমেন্ট ক্লিক করা আর তারপর ডভালপার টুল খোলার পর এইচটিএমএল কনসল ও খুলবে এখানে তুমি যা করতে চাও সেটা ক্লিক করে করে করবে এটাও বেশ দ্রুত একটা উপায় আর সবশেষে সবচেয়ে দীর্ঘ উপায়টা হল প্রথমে মেন্যু তে গিয়ে তারপর "মোর টুলস" এ গিয়ে ডেভালপার টুলস এ ক্লিক করতে হবে তারপর সেটা খুলবে এভাবে করলে এটা অবশ্যই খুলবে, কিন্তু একটু দীর্ঘ পদ্ধতি তো আমি পরামর্শ দিব যে তুমি কীবোর্ড ব্যবহার করে ওই বাটনগুলো চেপে এটা বার বার চর্চা কর যাতে তোমার মনে থাকে আচ্ছা, আমরা এটা শিখে ফেললাম, বেশ তো এখানে অনেক ধরনের টুল আছে কিন্তু আমরা একটা এখনই ব্যবহার করব আর সেটাই আমি তোমাদের দেখাব এটা হল জাভাস্ক্রিপ্ট কনসল এখানে সবগুলো ত্রুটি ও সতর্কবানী দেখায় আর সেগুল হল এইচটিটিপি অনুরোধ, সিএসএস, জাভাস্ক্রিপ্ট সম্পর্কিত এছাড়াও আমরা যেগুলো লগ করে রাখি সেগুলোও নমুনা হিসেবে আমি "console.log" ব্যবহার করে একটি বার্তা দেখাচ্ছি এখন খেয়াল করে দেখ এখানে অনেকগুলো সিনট্যাক্স ভুল আছে, যেমন "console is not defined" এটার কারন হল আমি খুব আস্তে আস্তে লিখছি আর যেহেতু এটা রিয়েল-টাইম কনসল, এটা সবসময় নতুন কোড নিরিক্ষা করে তাই এটা সবসময়ই কাজের ত্রুটিগুলো দেখাতে থাকে আর তোমার এগুলো সব মনে রাখতে হবে যখন তুমি কনসল খান একাডেমী ওয়েবসাইটে ব্যবহার করবে তুমি এখানের সবকিছু এই সব বার্তাগুলো উপেক্ষা করতে পার যতক্ষণ না তোমার শেষ হচ্ছে এবং পরে দেখ যে আসলে কোন ভুল আছে কিনা তবে ভুল নাও থাকতে পারে বাহ! কনসল আমাকে হ্যালো বলল, সে খুবই ভালো ঠিক আছে, তাহলে ব্রাউজার ডেভালপার টুলে অনেক কিছুই করা যায় আর তুমি আর ঘুরে দেখ, কিন্তু এটাই তোমার জন্য যথেষ্ট কারন তুমি এই কোর্সে সাধারন ত্রুটিগুলো সনাক্তকরন শিখবে ## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##