HTML Navigator appVersion प्रॉपर्टी: ब्राउज़र संस्करण जानकारी प्राप्त करें

HTML Navigator appVersion प्रॉपर्टी ब्राउज़र के संस्करण और प्लेटफ़ॉर्म के बारे में विस्तृत जानकारी वाली एक स्ट्रिंग लौटाती है। इसमें आमतौर पर ब्राउज़र संस्करण, रेंडरिंग इंजन संस्करण और ऑपरेटिंग सिस्टम जानकारी शामिल होती है।

सिंटैक्स (Syntax)

navigator.appVersion

उदाहरण (Example)

यह उदाहरण ब्राउज़र की पूर्ण संस्करण जानकारी प्रदर्शित करता है।

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    .btn {
      background: #db133a;
      border: none;
      height: 2.5rem;
      border-radius: 20px;
      width: 350px;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1.5rem auto;
      font-size: 1rem;
      transition: background 0.3s;
    }
    .btn:hover {
      background: #b01030;
    }
    .show {
      font-size: 1.2rem;
      color: #fff;
      margin-top: 1rem;
      background: rgba(0,0,0,0.3);
      padding: 1.5rem;
      border-radius: 10px;
      display: inline-block;
      min-width: 90%;
      max-width: 600px;
      text-align: left;
      line-height: 1.6;
      white-space: pre-wrap;
      font-family: monospace;
    }
    h2 { color: #fff; margin-top: 2rem; }
    .parsed-info { background: rgba(255,255,255,0.1); padding: 1rem; border-radius: 8px; margin-top: 1rem; }
  </style>
</head>
<body>
  <h1>HTML Navigator appVersion प्रॉपर्टी डेमो</h1>
  <button class="btn" onclick="showVersion()">ब्राउज़र संस्करण जानकारी दिखाएं</button>
  <div class="show" id="versionInfo"></div>

  <script>
    function showVersion() {
      const appVersion = navigator.appVersion;
      const userAgent = navigator.userAgent;
      
      // जानकारी पार्स करने का प्रयास
      let parsedInfo = '';
      try {
        // सामान्य पैटर्न: "5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36"
        const platformMatch = appVersion.match(/\(([^)]+)\)/);
        const platform = platformMatch ? platformMatch[1] : 'पता नहीं';
        
        // ब्राउज़र संस्करण निकालें
        let browserVersion = 'पता नहीं';
        if (userAgent.includes('Chrome/')) {
          browserVersion = userAgent.match(/Chrome\/(\d+\.\d+)/)[1];
        } else if (userAgent.includes('Firefox/')) {
          browserVersion = userAgent.match(/Firefox\/(\d+\.\d+)/)[1];
        } else if (userAgent.includes('Safari/') && !userAgent.includes('Chrome')) {
          browserVersion = userAgent.match(/Version\/(\d+\.\d+)/)[1];
        } else if (userAgent.includes('Edg/')) {
          browserVersion = userAgent.match(/Edg\/(\d+\.\d+)/)[1];
        }
        
        parsedInfo = `
<div class="parsed-info">
  <h3>पार्स की गई जानकारी:</h3>
  <p><strong>प्लेटफ़ॉर्म:</strong> ${platform}</p>
  <p><strong>ब्राउज़र संस्करण:</strong> ${browserVersion}</p>
  <p><strong>पूरा appVersion:</strong> ${appVersion}</p>
</div>
        `;
      } catch (e) {
        parsedInfo = '<p>जानकारी पार्स नहीं की जा सकी।</p>';
      }
      
      document.getElementById('versionInfo').innerHTML = `
        <h2>कच्चा appVersion स्ट्रिंग:</h2>
        <p>${appVersion}</p>
        ${parsedInfo}
        <h2>तुलना के लिए userAgent:</h2>
        <p>${userAgent}</p>
      `;
    }
  </script>
</body>
</html>

आउटपुट (Output)

"ब्राउज़र संस्करण जानकारी दिखाएं" बटन पर क्लिक करने पर विस्तृत संस्करण जानकारी प्रदर्शित होगी।

प्रदर्शित जानकारी का उदाहरण:

विश्लेषण और उपयोग

appVersion स्ट्रिंग संरचना

एक सामान्य appVersion स्ट्रिंग इस तरह दिखती है:

5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

घटक:

• 5.0 - Mozilla संस्करण (ऐतिहासिक कारणों से आमतौर पर 5.0)
• (Windows NT 10.0; Win64; x64) - प्लेटफ़ॉर्म जानकारी
• AppleWebKit/537.36 - रेंडरिंग इंजन संस्करण
• Chrome/120.0.0.0 - वास्तविक ब्राउज़र संस्करण

महत्वपूर्ण नोट्स

• भरोसेमंद नहीं: appVersion को स्पूफ (spoof) किया जा सकता है और यह हमेशा सटीक नहीं होता।
• फीचर डिटेक्शन बेहतर: ब्राउज़र संस्करण जांचने के बजाय Modernizr या सीधे फीचर डिटेक्शन का उपयोग करें।
• userAgent पसंदीदा: अधिक विस्तृत जानकारी के लिए navigator.userAgent का उपयोग करें।
• User-Agent Client Hints: आधुनिक दृष्टिकोण navigator.userAgentData API का उपयोग करना है।

ब्राउज़र समर्थन

सभी ब्राउज़र (Chrome 1+, Firefox 1+, Safari 1+, Edge 12+, IE 4+, Opera 3+) इस प्रॉपर्टी का समर्थन करते हैं।