ওয়েব ব্রাউজার কী?
ব্রাউজার হলো একটি সফটওয়্যার যা ওয়েব সার্ভার থেকে পেজ এনে ব্যবহারকারীকে দেখায়। HTML, CSS, JavaScript বোঝে ও execute করে।
জনপ্রিয় ব্রাউজার
- Google Chrome — সবচেয়ে জনপ্রিয় (~65% market share), Blink engine
- Mozilla Firefox — ওপেন সোর্স, Gecko engine
- Microsoft Edge — Chromium ভিত্তিক
- Safari — Apple-র ব্রাউজার, WebKit engine
- Opera, Brave, Vivaldi — বিশেষায়িত ব্রাউজার
ব্রাউজারের মূল কম্পোনেন্ট
- User Interface — Address bar, back/forward button, bookmarks
- Browser Engine — UI ও rendering engine এর মধ্যে সংযোগ
- Rendering Engine — HTML/CSS পার্স করে স্ক্রিনে দেখায় (Blink, Gecko, WebKit)
- JavaScript Engine — JS কোড চালায় (V8, SpiderMonkey, JavaScriptCore)
- Networking — HTTP/HTTPS request পাঠায়
- Storage — Cookie, localStorage, IndexedDB
Browser কীভাবে একটি পেজ render করে?
- HTML parse করে DOM Tree তৈরি
- CSS parse করে CSSOM Tree তৈরি
- DOM + CSSOM = Render Tree
- Layout — প্রতিটি element কোথায় বসবে নির্ধারণ
- Paint — pixel আঁকা
- JavaScript execute করে DOM পরিবর্তন করতে পারে
Developer Tools (F12)
প্রতিটি ব্রাউজারে F12 চাপলে DevTools খোলে — Elements, Console, Network, Sources ট্যাব থাকে। ওয়েব ডেভেলপারের সবচেয়ে গুরুত্বপূর্ণ টুল।