ফায়ারবাগ আগুনে পুড়ে ফেলুন পোকা-মাকড়

কৃষি শিক্ষা স্যার শিখিয়েছিলেন কিভাবে আগুনের মাধ্যমে ফসলের পোকামাকড় দমন করা যায়। পদ্ধতিটা এমছিল- ।আগুনের চার দিকে বিষাক্ত তরল পদার্থ দিয়ে রাখলে আধারে আলোতে এসে বিসাক্ত পদার্থে ডুব দিয়েই চুপ হয়ে যায়।
ফায়রবাগ নামটা শোনার পর সেই কথাটাই মনে পড়তে। মনে হতো এমন কোন প্রযেক্ট হবে হয়তো। বেশকিছু দিন আগে থেকেই ফায়ারবাগ ব্যবহার করা শুরু করেছি । এখন তো দেখছি এটি ছাড়া আমার চলেই না। কেন ব্যবহার ফায়ারবাগ এ বিষয়ে আজকে কিছু কথা বলবো।

ফায়ারবাগ কি?

ফায়ারবাগ (firebug) অত্যন্ত জনপ্রিয় একটি ওয়েবটুল যার মাধ্যমে ওয়েবসাইটের বিভিন্ন অংশের ভুলত্রুটি সংশোধনে ব্যবহার করা যায়,ওয়েবসাইট চলন্ত অবস্থায় তার কোড পরিবর্তন করে পরিবর্তিত রুপ দেখা যায়। মজিলা ফায়ারফক্সে ফায়ারবাগ এডনটি ইন্সটল করেই দেখতে পাবেন যেকোন ওয়েবের HTML,CSS,Javascript এর কোডিং অংশ।
ফায়ার বাগ ব্যবহারের উপযোগিতা ও পদ্ধতি নিয়ে আরো কিছু আলোচনা

কার্যক্রম:

ফায়ারবাগ সেটআপ করার পরই আপনার ওয়েব প্রগ্রামের উপর নজরদারী করতে পারবেন একটু ভিন্নভাবে। সাইটের কোন অংশ সিলেকক্ট করে/না করে ctrl+F12 চাপলেই সুন্দরভাবে সেই অংশের/সম্পুর্ণ অংশের কোড দেখতে পাবেন। এই কোডে হাত লাগিয়ে,পরিবর্তন করে সহজেই পরিবর্তিত ফলাফল দেখতে পাবেন।
আর Ctrl+Shift+J চাপলে দেখা দেবে আপনার HTML,CSS বা স্ক্রিপ্টের ভুল সমুহ।

HTML

১. ওয়েবের যে কোন অংশ সিলেক্ট করে মাউসের ডান বাটন চেপে Inspect Element এ গেলে দুটি অংশে ভাগ হবে সাইটটির প্রিভিও এবং কোডএর অংশ।
২. এখানে নতুন করে কিছু কোড লেখা যাবে,মোছা যাবে,সংযুক্ত ও পরিবর্তন করা যাবে আর সাথে সাথে তার প্রিভিউ দেখাও যাবে।
৩. সবচেয়ে মজা পবেন সিএসএস কোড সম্পাদনা করে। কোন সিএসএস ফাইলের কোথাকার স্টাইল ব্যবহার করা হয়েছে তার আইডিয়াও সহজে পাবেন।
৪. কোন একটি সিএসএস বক্স এর প্রোপারটিগুলোও ছবির আকারে দেখতে পাবেন।

CSS

সহজেই সক্রিয় বা নিস্ক্রিয় করা যাবে যে কোন স্টাইল।
স্টাইলের ব্যবহার করা ছবিটিও সুন্দরভাবে দেখা যায়, ছবির লিঙ্কটির উর মাউস রাখলে।

জাভাস্ক্রিপ্ট:

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

ভাল থাকুন, সুস্থ থাকুন।