हो सकता है कि आपकी वेबसाइट कुछ आधुनिक अत्याधुनिक सुविधाएँ चला रही हो जो कुछ ब्राउज़रों (विशेषकर पुराने/पुराने ब्राउज़र जैसे इंटरनेट एक्सप्लोरर) के साथ संगत नहीं हैं। सौभाग्य से, आप जावास्क्रिप्ट का उपयोग यह पता लगाने के लिए कर सकते हैं कि आपके साइट विज़िटर किस ब्राउज़र का उपयोग कर रहे हैं (या उपयोग नहीं कर रहे हैं)। फिर आप अपने विज़िटर को अपनी वेबसाइट के किसी ऐसे संस्करण पर रीडायरेक्ट कर सकते हैं जो उनके ब्राउज़र के अनुकूल हो।
यदि कोई उपयोगकर्ता क्रोम का उपयोग नहीं कर रहा है तो रीडायरेक्ट करें
मान लें कि आपकी वेबसाइट का अत्याधुनिक संस्करण अभी तक क्रोम ब्राउज़र के साथ केवल 100% संगत है, और आप किसी ऐसे विज़िटर को रीडायरेक्ट करना चाहते हैं जो आपकी वेबसाइट के किसी भिन्न संस्करण में क्रोम का उपयोग नहीं कर रहा है, यह सुनिश्चित करने के लिए कि उनके पास नहीं है एक छोटा सा अनुभव।
निम्नलिखित कोड को <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"
}
अब कोई भी उपयोगकर्ता जो क्रोम का उपयोग नहीं करता है, उसे window.location . पर रीडायरेक्ट किया जाएगा आपके द्वारा निर्दिष्ट मूल्य।
यह देखने के लिए कि यह काम कर रहा है, इस कोडपेन उदाहरण क्रोम को खोलने का प्रयास करें, और फिर इसे खोलने का प्रयास करें उदा। Firefox, Opera, या कोई अन्य ब्राउज़र।
यदि आप वास्तविक जीवन में इसका उपयोग करने जा रहे हैं, तो सुनिश्चित करें कि आप alert("You’re using Chrome") को हटा दें। आपके कोड से। मैंने इसे केवल प्रदर्शन के उद्देश्य से जोड़ा है।
आप यहां इस ट्यूटोरियल के कोड के साथ खेल सकते हैं।
ब्राउज़र डिटेक्शन तकनीक बदलती है और तेजी से विकसित होती है। विभिन्न ब्राउज़रों को अलग-अलग पहचान विधियों की आवश्यकता होती है। यह भी मायने रखता है कि आपके उपयोगकर्ता किस डिवाइस पर (लैपटॉप, टैबलेट, स्मार्टफोन, आदि) ब्राउज़ कर रहे हैं।
नवीनतम ब्राउज़र डिटेक्शन तकनीक के साथ बने रहने के लिए मेरा सुझाव है कि आप इस सक्रिय स्टैक ओवरफ़्लो थ्रेड पर नज़र रखें।