Web API কী?

Web API (বা Browser API) হল আধুনিক ওয়েব ব্রাউজারে নির্মিত ইন্টারফেসগুলির একটি সংগ্রহ যা JavaScript কে ব্রাউজার বৈশিষ্ট্য, হার্ডওয়্যার এবং অপারেটিং সিস্টেমের সাথে ইন্টারঅ্যাক্ট করতে দেয়। উদাহরণগুলির মধ্যে রয়েছে নেটওয়ার্ক অনুরোধের জন্য Fetch API, GPS স্থানাঙ্কের জন্য Geolocation API, 3D গ্রাফিক্সের জন্য WebGL, কপি/পেস্টের জন্য Clipboard API এবং আরও অনেক কিছু। প্রতিটি API ওয়েব স্ট্যান্ডার্ড সংস্থা যেমন W3C এবং WHATWG দ্বারা সংজ্ঞায়িত করা হয়, এবং ব্রাউজার বিক্রেতারা তাদের নিজস্ব গতিতে সেগুলি বাস্তবায়ন করে।

ব্রাউজার সমর্থন ব্যাপকভাবে পরিবর্তিত হয় কারণ — কিছু API সর্বজনীনভাবে সমর্থিত, অন্যরা পরীক্ষামূলক বা বিক্রেতা-নির্দিষ্ট — ডেভেলপারদের প্রায়ই একটি নির্দিষ্ট ব্রাউজারে কোন API গুলি প্রকৃতপক্ষে উপলব্ধ তা ব্যবহার করার আগে পরীক্ষা করতে হয়। ফিচার ডিটেকশন (window এ একটি API বিদ্যমান কিনা তা পরীক্ষা করা) হল স্ট্যান্ডার্ড পদ্ধতি।

টুল বর্ণনা

এই টুলটি পরীক্ষা করে যে আপনার বর্তমান ব্রাউজারে কোন Web API গুলি রিয়েল টাইমে উপলব্ধ। এটি লাইভ ব্রাউজার ডিটেকশনকে MDN থেকে ব্রাউজার সামঞ্জস্য ডেটার সাথে একত্রিত করে যাতে আপনি কোন API গুলি সমর্থিত, কোন সংস্করণে সেগুলি উপলব্ধ হয়েছে এবং কোনগুলি এখনও পরীক্ষামূলক তার একটি ব্যাপক দৃশ্য পান।

বৈশিষ্ট্যগুলি

  • লাইভ ডিটেকশন: প্রতিটি API কে আপনার প্রকৃত ব্রাউজারের window অবজেক্টের বিপরীতে পরীক্ষা করে এবং সমর্থিত, অসমর্থিত বা অজানা স্ট্যাটাস তাৎক্ষণিকভাবে রিপোর্ট করে
  • MDN সামঞ্জস্য ডেটা: Chrome, Firefox, Safari এবং Edge এর ন্যূনতম সংস্করণ দেখায় যা প্রতিটি API সমর্থন করে, অফিসিয়াল @mdn/browser-compat-data প্যাকেজ থেকে সংগৃহীত
  • পরীক্ষামূলক API ফ্ল্যাগিং: স্পষ্টভাবে চিহ্নিত করে যে কোন API গুলি এখনও পরীক্ষামূলক বা ফিচার ফ্ল্যাগের পিছনে রয়েছে
  • কাস্টম এক্সপ্রেশন টেস্টার: যেকোনো JavaScript এক্সপ্রেশন প্রবেশ করুন এটি আপনার ব্রাউজারে লাইভ মূল্যায়ন করতে এবং ফলাফল বা ত্রুটি দেখতে
  • ফিল্টারিং এবং সার্চ: সমর্থন স্ট্যাটাস দ্বারা ফিল্টার করুন (সমর্থিত/অসমর্থিত/অজানা) এবং API নাম দ্বারা সার্চ করুন যা আপনার প্রয়োজন দ্রুত খুঁজে পেতে

এটি কীভাবে কাজ করে

টুলটি বিল্ড সময়ে MDN Browser Compat Data প্যাকেজ থেকে Web API এন্ট্রিগুলির একটি তালিকা লোড করে। যখন আপনি পৃষ্ঠাটি খুলবেন, এটি প্রতিটি API নামকে গ্লোবাল window অবজেক্টের একটি সম্পত্তি হিসাবে মূল্যায়ন করে — যদি সম্পত্তি বিদ্যমান থাকে এবং null না হয়, API টি সমর্থিত হিসাবে চিহ্নিত করা হয়। MDN সংস্করণ ডেটা প্রি-লোড করা হয় এবং লাইভ ডিটেকশন ফলাফলের পাশাপাশি প্রদর্শিত হয়।

টিপস

  • স্ট্যাটাস ফিল্টার ব্যবহার করুন শুধুমাত্র আপনার ব্রাউজারে সমর্থিত API গুলি দেখতে — কোড লেখার আগে কী উপলব্ধ তা অডিট করার জন্য দরকারী।
  • কাস্টম এক্সপ্রেশন ফিল্ড ব্যবহার করুন আরও জটিল ফিচার চেক পরীক্ষা করতে, যেমন typeof navigator.bluetooth !== 'undefined' বা 'serviceWorker' in navigator
  • পরীক্ষামূলক API গুলি কিছু ব্রাউজার বিল্ডে উপলব্ধ হতে পারে কিন্তু স্থিতিশীল রিলিজে নয় — প্রোডাকশনে সেগুলির উপর নির্ভর করার আগে সর্বদা MDN ডকুমেন্টেশন পরীক্ষা করুন।