"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > वेब सुविधाओं को समझना

वेब सुविधाओं को समझना

2024-11-05 को प्रकाशित
ब्राउज़ करें:564

Making sense of Web features

वेब पर बड़ी संख्या में सुविधाएं मौजूद हैं। ब्राउज़र संगतता डेटा प्रोजेक्ट में उनमें से 14000 से अधिक की सूची है! यह सब कैसे समझें?

यह एक ऐसा प्रश्न है जिसका उत्तर लंबे समय से नहीं दिया गया है। हाँ, प्रत्येक वेब डेवलपर caiuse.com का उपयोग करता है। या वे गूगल करते हैं या शायद चैटजीपीटी से पूछते हैं। समस्या यह है कि इन उपकरणों में विशिष्ट प्रश्नों के उत्तर हैं, लेकिन बड़ी तस्वीर या सत्य के स्रोत से लिंक का अभाव है।

वेबडीएक्स समूह

अब और नहीं! वेबडीएक्स समूह अब वेब प्लेटफॉर्म पर चीजों को व्यवस्थित करने, वर्गीकृत करने और नामकरण करने का अविश्वसनीय काम कर रहा है (← यह कठिन हिस्सा है, जैसा कि आप जानते हैं)। वे समन्वित तरीके से वेब और ब्राउज़र के साथ समग्र डेवलपर अनुभव को बेहतर बनाने का प्रयास कर रहे हैं।

WebDX एक सामुदायिक समूह है जो W3C का हिस्सा है। आप देख सकते हैं कि वे अपने भंडार में क्या पका रहे हैं। मेरे लिए सबसे दिलचस्प आउटपुट वेब-फीचर्स रेपो है। उन्होंने जो किया है वह बड़ी मात्रा में विशिष्ट सुविधाओं को उच्च स्तरीय सुविधाओं के अधिक समझने योग्य सेट में वर्गीकृत करना है।

उदाहरण के लिए, नई उपलब्ध सुविधाओं में से एक है तरीके सेट करें। किसी सेट में हेरफेर करने की कोई भी नई विधि एक एकल विशेषता हो सकती है। हालाँकि, यदि इसे एकल उच्च-स्तरीय सुविधा के रूप में संप्रेषित और प्रलेखित किया जाए तो यह अधिक उपयोगी हो जाता है।

दस्तावेज़ीकरण

दूसरा भाग यह है कि एक सुविधा के बारे में विस्तृत जानकारी कैसे प्राप्त करें। खैर, यहीं पर ओपन वेब डॉक्स पहल आई। जबकि एमडीएन हमेशा एक महान संदर्भ रहा है, व्यावहारिक सामग्री की कमी रही है। ओपन वेब डॉक्स समूह इसे बदलने का प्रयास कर रहा है। वे एमडीएन वेब दस्तावेज़ीकरण के लिए ढेर सारे नए ट्यूटोरियल, गाइड और व्याख्याकार तैयार कर रहे हैं, साथ ही अंतर्निहित डेटा - बीसीडी (ब्राउज़र कंपैट डेटा) के अपडेट भी कर रहे हैं।

एक उदाहरण सापेक्ष रंगों के बारे में एमडीएन पर एक पृष्ठ है। इसे उच्च-स्तरीय वेब सुविधा में साफ़-साफ़ मैप किया गया है। यह प्रत्येक रंग सुविधा के लिए अलग-अलग संदर्भ पृष्ठों की तुलना में उस सुविधा के बारे में बहुत बेहतर समझ और संदर्भ प्रदान करता है।

सर्वेक्षण

उपरोक्त प्रयास के बारे में वास्तव में अच्छी बात यह है कि वे वास्तव में सहयोग करना चाहते हैं। वे द स्टेट ऑफ़ HTML और द स्टेट ऑफ़ CSS जैसे सर्वेक्षणों से इनपुट लेते हैं, और बाद में वे वेब सुविधाओं के लिए उनके बारे में सर्वेक्षण परिणामों को ट्रैक करने के लिए नामों के समान सेट का उपयोग कर सकते हैं।

और वैसे, जब आप ये सर्वेक्षण भर रहे हों, तो आप "पठन सूची में जोड़ें" बटन पर क्लिक कर सकते हैं। यह आपको एमडीएन के लिंक प्रस्तुत करेगा जहां आप उन चीज़ों के बारे में अधिक जान सकते हैं जिनके बारे में आप नहीं जानते थे।

हकीकत

बढ़िया, लेकिन क्या वेब बेहतर हो रहा है? नरक, हाँ यह है!

ब्राउज़रों में वांछित सुविधाओं और वास्तविक उपलब्धता के बीच अंतर को कम करने की पहल स्पष्ट है। अर्थात्, इंटरऑप प्रोजेक्ट यह सुनिश्चित करता है कि सभी प्रमुख ब्राउज़रों में सुविधाओं का एक सेट यथासंभव पूरी तरह से लागू किया जाए। हर साल इस परियोजना की एक नई पुनरावृत्ति होती है।

इन सुविधाओं को कितना और कितनी अच्छी तरह लागू किया गया है, इसे वेब प्लेटफ़ॉर्म टेस्ट का उपयोग करके मापा जाता है। सभी ब्राउज़रों के विरुद्ध परीक्षणों का एक ही सेट चलाया जाता है। यही कारण है कि हमारे पास ये अच्छे प्रतिशत हैं जो ब्राउज़र में सुविधाओं की वास्तविक स्थिति को दर्शाते हैं।

आधार रेखा

वह क्षण जब सभी प्रमुख ब्राउज़रों में एक सुविधा लागू की जाती है वह एक बहुत ही महत्वपूर्ण क्षण होता है। और चूंकि हमने ऊपर वर्णित सुविधाओं को अच्छी तरह से समूहीकृत किया है - फिलहाल केवल एक चीज गायब है और वह है एक नाम। और हमारे पास यह है: एक सुविधा बेसलाइन न्यू तब उपलब्ध होती है जब यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित होती है। और एक सुविधा व्यापक रूप से तब उपलब्ध होती है जब उसे नई तरह से उपलब्ध हुए ढाई साल बीत चुके हों।

आप बेसलाइन विचार के बारे में web.dev पर अधिक पढ़ सकते हैं क्योंकि यह Google द्वारा शुरू किया गया था।

दृश्य डैशबोर्ड

जब आप इसे अधिक दृश्य तरीके से देख सकते हैं तो हर चीज़ अधिक समझ में आने लगती है। अच्छी तरह से डिज़ाइन की गई तालिकाएँ, ग्राफ़, संसाधनों के लिए आसान लिंक वहीं...

उपयोगी डैशबोर्ड बनाने के कुछ प्रयासों में इसे शामिल किया गया है। उन सभी की जाँच करें, हर एक विषय पर एक अलग दृष्टिकोण रखता है:

  • WebDX समूह के पीछे के लोगों का सरल डैशबोर्ड
  • Google Chrome टीम द्वारा सुविधानुसार वेब प्लेटफ़ॉर्म परीक्षण पास करने के अच्छे ग्राफ़
  • और एक अधिक इंटरैक्टिव संस्करण बनाने का मेरा प्रयास

सामान्य तौर पर क्या नया है या वाइड एडॉप्शन स्टेटस में क्या नया है, यह जानने के लिए आप समय-समय पर उनका उपयोग कर सकते हैं। जब आप कोई नया प्रोजेक्ट शुरू कर रहे हों और निर्णय ले रहे हों कि सुविधाओं का कौन सा सेट वास्तव में उपलब्ध है और पर्याप्त रूप से समर्थित है तो यह एक अच्छा संदर्भ है।

Making sense of Web features
वेब फीचर्स एक्सप्लोरर जानकारी को साफ-सुथरे तरीके से प्रदर्शित करता है

Making sense of Web features
Webstatus.dev ग्राफ़ में उत्तीर्ण वेब प्लेटफ़ॉर्म परीक्षणों के संदर्भ में सुविधाओं पर वास्तविक प्रगति दिखाता है

Making sense of Web features
मेरा वेब प्लेटफ़ॉर्म फीचर डैशबोर्ड फ़िल्टरिंग और सॉर्टिंग सुविधाओं की अनुमति देता है

भविष्य

कुछ सुविधाएं हाल ही में सभी ब्राउज़रों में तेजी से लागू की गई हैं। लेकिन कुछ ब्राउज़र निर्माताओं द्वारा इसे एक अच्छा विचार भी नहीं माना जा सकता है। आप निम्नलिखित साइटों पर क्या आ सकता है और क्या नहीं, इसके बारे में विस्तृत जानकारी पा सकते हैं:

  • मोज़िला मानक स्थिति
  • वेबकिट टीम मानक स्थिति
  • Google Chrome फ़ीचर रोडमैप

निष्कर्ष

वेब प्लेटफ़ॉर्म को विकसित होते देखना आकर्षक है। फीडबैक लूप में सुधार हो रहा है। कई क्षेत्रों में इंटरऑपरेबिलिटी बेहतर हो रही है।

मैं लंबे समय से वेब सुविधाओं के साथ एक उपयोगी डैशबोर्ड चाहता था, और अचानक डेटा इतनी अच्छी गुणवत्ता का हो गया कि मैं कुछ शामों में अपना खुद का डैशबोर्ड बनाने में कामयाब रहा।

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/lttr/making-sense-of-web-features-lo4?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3