HTML Navigator appCodeName प्रॉपर्टी: ब्राउज़र कोड नाम

HTML Navigator appCodeName प्रॉपर्टी ब्राउज़र का आंतरिक कोड नाम लौटाती है। ऐतिहासिक कारणों से, लगभग सभी आधुनिक ब्राउज़र "Mozilla" लौटाते हैं, चाहे वे किसी भी ब्राउज़र के हों। यह प्रॉपर्टी विरासत संगतता के लिए है और वास्तविक ब्राउज़र पहचान के लिए उपयोगी नहीं है।

सिंटैक्स (Syntax)

navigator.appCodeName

उदाहरण (Example)

यह उदाहरण ब्राउज़र का कोड नाम प्रदर्शित करता है और बताता है कि यह हमेशा "Mozilla" क्यों होता है।

<!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: 330px;
      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;
    }
    .code-name {
      font-size: 2rem;
      font-weight: bold;
      color: #ffeb3b;
      font-family: monospace;
    }
    .explanation {
      margin-top: 2rem;
      text-align: left;
      background: rgba(255,255,255,0.1);
      padding: 1.5rem;
      border-radius: 10px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
  </style>
</head>
<body>
  <h1>HTML Navigator appCodeName प्रॉपर्टी डेमो</h1>
  <button class="btn" onclick="showCodeName()">ब्राउज़र कोड नाम दिखाएं</button>
  <div class="show" id="codeName"></div>

  <div class="explanation">
    <h3>यह हमेशा "Mozilla" क्यों होता है?</h3>
    <p><strong>ऐतिहासिक संदर्भ:</strong> 1990 के दशक में, नेटस्केप नेविगेटर (कोड नाम "Mozilla") प्रमुख ब्राउज़र था। वेब सर्वर और स्क्रिप्ट्स ने navigator.appCodeName == "Mozilla" की जांच करके उन्नत फीचर्स (जैसे फ्रेम्स, जावास्क्रिप्ट) सक्षम किए।</p>
    <p><strong>प्रतिस्पर्धा:</strong> जब इंटरनेट एक्सप्लोरर आया, तो उसे उन्हीं फीचर्स तक पहुंच चाहिए थी, इसलिए उसने भी "Mozilla" घोषित किया।</p>
    <p><strong>वर्तमान:</strong> आज सभी प्रमुख ब्राउज़र (Chrome, Firefox, Safari, Edge, Opera) वेब संगतता बनाए रखने के लिए "Mozilla" लौटाते हैं।</p>
    <p><strong>User-Agent में भी:</strong> userAgent स्ट्रिंग भी आमतौर पर "Mozilla/5.0" से शुरू होती है।</p>
  </div>

  <script>
    function showCodeName() {
      const codeName = navigator.appCodeName;
      const appName = navigator.appName;
      const userAgent = navigator.userAgent;
      
      document.getElementById('codeName').innerHTML = `
        <p>appCodeName: <span class="code-name">${codeName}</span></p>
        <p>appName: <span class="code-name">${appName}</span></p>
        <p><small>userAgent शुरू होता है: ${userAgent.substring(0, 50)}...</small></p>
      `;
    }
  </script>
</body>
</html>

आउटपुट (Output)

"ब्राउज़र कोड नाम दिखाएं" बटन पर क्लिक करने पर कोड नाम प्रदर्शित होगा।

परिणाम (लगभग हमेशा "Mozilla"):

तकनीकी विवरण

मानक विनिर्देश

HTML मानक के अनुसार, navigator.appCodeName को हमेशा "Mozilla" लौटाना चाहिए वेब संगतता के लिए।

संबंधित प्रॉपर्टीज

व्यावहारिक सलाह

• इस प्रॉपर्टी का उपयोग ब्राउज़र पहचान के लिए न करें। यह कोई उपयोगी जानकारी नहीं देता।
• फीचर डिटेक्शन का उपयोग करें: 'fetch' in window, 'IntersectionObserver' in window आदि।
• विश्लेषण के लिए: navigator.userAgentData (जहां समर्थित हो) या navigator.userAgent का उपयोग करें।

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

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