प्रगतिशील वेब ऐप्स में 'नेविगेटर' क्या है?

वेब ऐप्स में 'नेविगेटर' क्या है?

यदि समर्थित है, तो आपके वेब एप्लिकेशन में वैश्विक "विंडो" -ऑब्जेक्ट "नेविगेटर" -ऑब्जेक्ट तक पहुंच प्रदान करता है। "नेविगेटर" दोनों में संभावित रूप से ऐप के बारे में बहुत सारी जानकारी होती है और आपको सदस्यता लेने के लिए कुछ घटनाओं तक पहुंच प्रदान कर सकती है। यह आपको वास्तव में आधुनिक वेब ऐप लिखने में मदद करता है जो लगभग देशी जैसा महसूस कर सकते हैं।

"नेविगेटर" का एक उदाहरण सीधे उपयोगकर्ता-एजेंट से जुड़ा होता है, जो कि वह एप्लिकेशन है जो आपके वेब ऐप - ब्राउज़र को चलाता है।

कैसे "नेविगेटर" आपके ऐप को उत्तरोत्तर बेहतर बना सकता है

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

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

// Just a simple example of how
// to check for availability 
// of features.


function checkNetwork(){
  if("connection" in navigator){
    // Now it's safe to use 'navigator.connection'.
    // 👉 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
  }
  
  // Alternative if you're using:
  // 'navigator?.connection'
}

कुछ जानकारी "नेविगेटर" आपको अपने ऐप में उपभोग करने में सक्षम बनाती है:

• सीपीयू-कोर की संख्या
• विस्तृत नेटवर्क जानकारी
• आपके ऐप को चलाने वाले डिवाइस की बैटरी की स्थिति, उदाहरण के लिए टैबलेट या स्मार्टफोन
• वर्तमान भौगोलिक स्थान को पढ़ना और ट्रैक करना
• सामग्री साझा करने के लिए मेजबान के मूल मेनू का उपयोग करना
• मीडिया सत्र को नियंत्रित करना

आप वास्तव में उन सुविधाओं में से कुछ को इस PWA पर लाइव और एक्शन में देख सकते हैं। बस किसी भी पृष्ठ के अंत तक स्क्रॉल करें, जहां आप कुछ उपलब्ध हार्डवेयर-मेट्रिक्स कार्यान्वयन देख सकते हैं, उदाहरण के लिए सीपीयू-कोर की संख्या।

"नेविगेटर" के साथ काम करना

इस लेख का उद्देश्य केवल आपको उन संभावनाओं का संक्षिप्त परिचय देना है जो प्रगतिशील वेब ऐप्स के लिए "नेविगेटर" के साथ आती हैं। एमडीएन में प्रत्येक उपलब्ध सुविधाओं पर एक महान अवलोकन पृष्ठ के साथ-साथ दस्तावेज भी हैं।

Google के क्रोम के लिए, "प्रोजेक्ट फुगु" भी है, जो प्रयोगात्मक नई सुविधाओं को लागू करता है, केवल क्रोमियम-ब्राउज़र पर एक फीचर फ्लैग के पीछे उपलब्ध है।