HTML Navigator cookieEnabled प्रॉपर्टी: ब्राउज़र कुकीज़ स्थिति जांचें

HTML Navigator cookieEnabled प्रॉपर्टी एक बूलियन मान (true/false) लौटाती है जो दर्शाता है कि उपयोगकर्ता के ब्राउज़र में कुकीज़ सक्षम हैं या नहीं। यह वेब एप्लिकेशन में सत्र प्रबंधन और व्यक्तिगतकरण के लिए महत्वपूर्ण है।

सिंटैक्स (Syntax)

navigator.cookieEnabled

उदाहरण (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.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;
    }
    .cookie-status {
      font-weight: bold;
      font-size: 1.8rem;
    }
    .enabled { color: #4ade80; }
    .disabled { color: #f87171; }
  </style>
</head>
<body>
  <h1>HTML Navigator cookieEnabled प्रॉपर्टी डेमो</h1>
  <button class="btn" onclick="checkCookies()">ब्राउज़र कुकीज़ स्थिति जांचें</button>
  <div class="show" id="cookieStatus"></div>

  <script>
    function checkCookies() {
      const isEnabled = navigator.cookieEnabled;
      const statusDiv = document.getElementById('cookieStatus');
      
      if (isEnabled) {
        statusDiv.innerHTML = `
          <p>कुकीज़ स्थिति: <span class="cookie-status enabled">सक्षम (Enabled)</span></p>
          <p>आपका ब्राउज़र कुकीज़ स्वीकार करता है।</p>
        `;
      } else {
        statusDiv.innerHTML = `
          <p>कुकीज़ स्थिति: <span class="cookie-status disabled">अक्षम (Disabled)</span></p>
          <p>आपका ब्राउज़र कुकीज़ ब्लॉक कर रहा है। कुछ सुविधाएं काम नहीं कर सकतीं।</p>
        `;
      }
      
      // अतिरिक्त जानकारी: वास्तविक कुकी टेस्ट
      try {
        document.cookie = "testcookie=1";
        const cookiesActuallyWork = document.cookie.indexOf("testcookie") !== -1;
        document.cookie = "testcookie=1; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
        
        if (!cookiesActuallyWork && isEnabled) {
          statusDiv.innerHTML += '<p style="color: #fbbf24;">नोट: navigator.cookieEnabled true लौटाता है लेकिन वास्तविक कुकी भंडारण ब्लॉक हो सकता है (जैसे प्राइवेट मोड में)।</p>';
        }
      } catch (e) {
        statusDiv.innerHTML += '<p style="color: #f87171;">कुकी परीक्षण असफल रहा।</p>';
      }
    }
  </script>
</body>
</html>

आउटपुट (Output)

"ब्राउज़र कुकीज़ स्थिति जांचें" बटन पर क्लिक करने पर कुकीज़ की स्थिति प्रदर्शित होगी।

कुकीज़ सक्षम होने पर:

कुकीज़ अक्षम होने पर:

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

• रिटर्न मान: true यदि कुकीज़ सक्षम हैं, false यदि अक्षम हैं।
• सीमाएं: कुछ ब्राउज़र प्राइवेट/इनकॉग्निटो मोड में true लौटा सकते हैं लेकिन वास्तव में कुकीज़ ब्लॉक कर देते हैं।
• व्यावहारिक उपयोग: लॉगिन सिस्टम, शॉपिंग कार्ट, उपयोगकर्ता प्राथमिकताएं सहेजने से पहले जांचें।
• GDPR/गोपनीयता: कुकीज़ सक्षम होने पर भी उपयोगकर्ता ट्रैकिंग कुकीज़ को ब्लॉक कर सकते हैं।

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

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