ব্রাউজার অনুযায়ী সাইট ভিজিটর রিডাইরেক্ট করার পদ্ধতি

আপনার ওয়েবসাইটে কিছু আধুনিক কাটিং-এজ ফিচার থাকতে পারে যা কিছু ব্রাউজারের সাথে কম্প্যাটিবল নয় (বিশেষ করে পুরানো/লেগেসি ব্রাউজার যেমন ইন্টারনেট এক্সপ্লোরার)। সৌভাগ্যবশত, আপনি JavaScript ব্যবহার করে ডিটেক্ট করতে পারেন আপনার সাইট ভিজিটররা কোন ব্রাউজার ব্যবহার করছেন (বা করছেন না)। তারপর আপনি আপনার ভিজিটরকে আপনার ওয়েবসাইটের একটি ভার্সনে রিডাইরেক্ট করতে পারেন যা তাদের ব্রাউজারের সাথে কম্প্যাটিবল।

রিডাইরেক্ট যদি ইউজার Chrome ব্যবহার না করে

মান লইয়া আপনার ওয়েবসাইটের কাটিং-এজ ভার্সনটি বর্তমানে শুধু Chrome ব্রাউজারের সাথে ১০০% কম্প্যাটিবল, এবং আপনি যেকোনো ভিজিটর যিনি 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") আপনার কোড থেকে রিমুভ করেছেন। আমি শুধু ডেমো için যোগ করেছিলাম।

আপনি এই টিউটোরিয়ালের কোডে এক্সপেরিমেন্ট করতে পারেন এখানে।

ব্রাউজার ডিটেকশন টেকনোলজি দ্রুত পরিবর্তন হয় এবং বিকশিত হয়। আলাদা ব্রাউজার আলাদা ডিটেকশন মেথড চায়। এটিও মেনে রাখা উচিত যে আপনার ইউজাররা কোন ডিভাইস থেকে ব্রাউজ করছেন (ল্যাপটপ, ট্যাবলেট, স্মার্টফোন, ইত্যাদি)।

ব্রাউজার ডিটেকশন টেকনোলজির লেটেস্ট আপডেট জানতে আমি রিকমেন্ড করি এই সক্রিয় StackOverflow থ্রেডে নজর রাখুন।