यूजर के ब्राउज़र के आधार पर साइट विजिटर्स को कैसे रीडायरेक्ट करें

आपकी वेबसाइट कुछ आधुनिक अत्याधुनिक फीचर्स चला रही हो सकती है जो कुछ ब्राउज़र्स के साथ संगत नहीं हैं (विशेष रूप से पुराने/लिगेसी ब्राउज़र्स जैसे Internet Explorer)। सौभाग्य से, आप JavaScript का उपयोग करके पता लगा सकते हैं कि आपके साइट विजिटर्स किस ब्राउज़र का उपयोग कर रहे हैं (या नहीं कर रहे हैं)। फिर आप अपने विजिटर को अपनी वेबसाइट के उस संस्करण पर रीडायरेक्ट कर सकते हैं जो उनके ब्राउज़र के साथ संगत है।

रीडायरेक्ट करें यदि यूजर Chrome का उपयोग नहीं कर रहा है

मान लीजिए कि आपकी वेबसाइट का अत्याधुनिक संस्करण अभी केवल Chrome ब्राउज़र के साथ 100% संगत है, और आप किसी भी विजिटर को जो Chrome का उपयोग नहीं कर रहा है, अपनी वेबसाइट के एक अलग संस्करण पर रीडायरेक्ट करना चाहते हैं ताकि यह सुनिश्चित हो सके कि उन्हें बगी अनुभव न हो।

निम्नलिखित कोड को अपनी वेबसाइट के <head> सेक्शन में जोड़ें (या एक एक्सटर्नल .js फाइल में):

if (!!window.chrome) { 
  window.location = "https://yourdomain.com" 
} else { 
  window.location = "https://yourdomain.com/legacy-version" 
}

आप अपने यूजर्स को समझाना चाह सकते हैं कि उन्हें क्यों रीडायरेक्ट किया जा रहा है, और शायद उन्हें Chrome ब्राउज़र का उपयोग करने के लिए प्रोत्साहित करें यदि वे आपके प्लेटफॉर्म का सर्वश्रेष्ठ संस्करण अनुभव करना चाहते हैं:

if (!!window.chrome) { 
  window.location = "https://yourdomain.com" 
  alert("You're using Chrome") 
} else { 
  alert( 
    "Our apologies, at the moment you have to use Chrome to use the latest version of our website. You'll be redirected to our legacy website (don't worry it works just fine!)" 
  ) 
  window.location = "https://yourdomain.com/legacy-site" 
}

अब कोई भी यूजर जो Chrome का उपयोग नहीं करता है, उसे आपके द्वारा निर्दिष्ट window.location वैल्यू पर रीडायरेक्ट किया जाएगा।

यह देखने के लिए कि यह काम कर रहा है, इस CodePen उदाहरण को Chrome में खोलने का प्रयास करें, और फिर इसे Firefox, Opera, या किसी अन्य ब्राउज़र में खोलने का प्रयास करें।

यदि आप इसे वास्तविक जीवन में उपयोग करने जा रहे हैं, तो सुनिश्चित करें कि आप अपने कोड से alert("You're using Chrome") हटा दें। मैंने इसे केवल प्रदर्शन उद्देश्यों के लिए जोड़ा था।

आप इस ट्यूटोरियल के कोड के साथ यहां खेल सकते हैं।

ब्राउज़र डिटेक्शन तकनीक तेजी से बदलती और विकसित होती है। अलग-अलग ब्राउज़र्स को अलग-अलग डिटेक्शन मेथड्स की आवश्यकता होती है। यह भी मायने रखता है कि आपके यूजर्स किस डिवाइस पर ब्राउज़ कर रहे हैं (लैपटॉप, टैबलेट, स्मार्टफोन, आदि)।

ब्राउज़र डिटेक्शन तकनीक पर नवीनतम जानकारी रखने के लिए मैं अनुशंसा करता हूं कि आप इस सक्रिय StackOverflow थ्रेड पर नजर रखें।