HTML Navigator appName प्रॉपर्टी: ब्राउज़र नाम प्राप्त करें

HTML Navigator appName प्रॉपर्टी ब्राउज़र का आधिकारिक नाम लौटाती है। ऐतिहासिक कारणों से, लगभग सभी आधुनिक ब्राउज़र "Netscape" लौटाते हैं, भले ही वे नेटस्केप न हों। यह प्रॉपर्टी मुख्य रूप से विरासत संगतता के लिए मौजूद है।

सिंटैक्स (Syntax)

navigator.appName

उदाहरण (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: 300px;
      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.5rem;
      color: #fff;
      margin-top: 1rem;
      background: rgba(0,0,0,0.3);
      padding: 1.5rem;
      border-radius: 10px;
      display: inline-block;
      min-width: 300px;
    }
    .browser-name {
      font-size: 2rem;
      font-weight: bold;
      color: #ffeb3b;
    }
  </style>
</head>
<body>
  <h1>HTML Navigator appName प्रॉपर्टी डेमो</h1>
  <button class="btn" onclick="showBrowserName()">ब्राउज़र नाम दिखाएं</button>
  <div class="show" id="browserName"></div>

  <script>
    function showBrowserName() {
      const appName = navigator.appName;
      const userAgent = navigator.userAgent;
      
      // वास्तविक ब्राउज़र नाम का पता लगाने का प्रयास
      let realName = 'अज्ञात';
      if (userAgent.includes('Edg/')) realName = 'Microsoft Edge';
      else if (userAgent.includes('Chrome/') && !userAgent.includes('Edg/') && !userAgent.includes('OPR/')) realName = 'Google Chrome';
      else if (userAgent.includes('Firefox/')) realName = 'Mozilla Firefox';
      else if (userAgent.includes('Safari/') && !userAgent.includes('Chrome/')) realName = 'Apple Safari';
      else if (userAgent.includes('OPR/') || userAgent.includes('Opera/')) realName = 'Opera';
      else if (userAgent.includes('Trident/') || userAgent.includes('MSIE ')) realName = 'Internet Explorer';
      
      document.getElementById('browserName').innerHTML = `
        <p>appName प्रॉपर्टी: <span class="browser-name">${appName}</span></p>
        <p>संभावित वास्तविक ब्राउज़र: <span class="browser-name">${realName}</span></p>
        <hr style="border-color: #555; margin: 1rem 0;">
        <p style="font-size: 0.9rem; opacity: 0.8;">नोट: लगभग सभी आधुनिक ब्राउज़र संगतता के लिए "Netscape" लौटाते हैं।</p>
      `;
    }
  </script>
</body>
</html>

आउटपुट (Output)

"ब्राउज़र नाम दिखाएं" बटन पर क्लिक करने पर appName मान और संभावित वास्तविक ब्राउज़र नाम दिखाया जाएगा।

परिणाम:

महत्वपूर्ण जानकारी

क्यों "Netscape"?

1990 के दशक में, नेटस्केप नेविगेटर प्रमुख ब्राउज़र था। वेबसाइट्स ने ब्राउज़र सूंघने (browser sniffing) के लिए navigator.appName == "Netscape" की जांच की। जब इंटरनेट एक्सप्लोरर आया, तो उसने भी "Netscape" लौटाया ताकि वही कोड पथ काम करें। यह परंपरा आज भी जारी है।

वास्तविक ब्राउज़र पहचान के लिए बेहतर तरीके

1. User-Agent स्ट्रिंग: navigator.userAgent अधिक विवरण देता है (लेकिन इसे भी स्पूफ किया जा सकता है)।
2. User-Agent Client Hints API: आधुनिक, संरचित दृष्टिकोण:

   navigator.userAgentData.brands // [{brand: "Google Chrome", version: "120"}, ...]

3. फीचर डिटेक्शन (सर्वोत्तम): ब्राउज़र पहचानने के बजाय, आवश्यक फीचर की जांच करें:

   if ('geolocation' in navigator) { /* जियोलोकेशन उपलब्ध है */ }

उपयोग के मामले

• विरासत कोड संगतता
• विश्लेषण/लॉगिंग (userAgent के साथ संयोजन में)
• ब्राउज़र-विशिष्ट वर्कअराउंड (अंतिम उपाय के रूप में)

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

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