Web API क्या है?

Web API (या Browser API) आधुनिक वेब ब्राउज़र में बनाए गए इंटरफेस का एक संग्रह है जो JavaScript को ब्राउज़र की सुविधाओं, हार्डवेयर और ऑपरेटिंग सिस्टम के साथ इंटरैक्ट करने की अनुमति देता है। उदाहरणों में नेटवर्क अनुरोधों के लिए Fetch API, GPS निर्देशांक के लिए Geolocation API, 3D ग्राफिक्स के लिए WebGL, कॉपी/पेस्ट के लिए Clipboard API, और सैकड़ों अन्य शामिल हैं। प्रत्येक API को W3C और WHATWG जैसे वेब मानक निकायों द्वारा परिभाषित किया जाता है, और ब्राउज़र विक्रेता उन्हें अपनी गति से लागू करते हैं।

क्योंकि ब्राउज़र समर्थन व्यापक रूप से भिन्न होता है — कुछ API सार्वभौमिक रूप से समर्थित हैं, अन्य प्रायोगिक या विक्रेता-विशिष्ट हैं — डेवलपर्स को अक्सर यह जांचने की आवश्यकता होती है कि किसी दिए गए ब्राउज़र में कौन से API वास्तव में उपलब्ध हैं। फीचर डिटेक्शन (यह जांचना कि API window पर मौजूद है या नहीं इसे कॉल करने से पहले) मानक दृष्टिकोण है।

टूल विवरण

यह टूल परीक्षण करता है कि आपके वर्तमान ब्राउज़र में कौन से 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 दस्तावेज़ की जांच करें।