Website của bạn có thể chạy các tính năng hiện đại tiên tiến không tương thích với một số trình duyệt (đặc biệt trình duyệt cũ/legacy như Internet Explorer). May mắn thay, bạn có thể dùng JavaScript phát hiện trình duyệt khách truy cập dùng (hoặc không dùng). Sau đó chuyển hướng khách đến phiên bản website tương thích với trình duyệt của họ.
Chuyển hướng nếu user KHÔNG dùng Chrome
Giả sử phiên bản tiên tiến của website chỉ 100% tương thích với Chrome hiện tại, bạn muốn chuyển hướng bất kỳ khách nào không dùng Chrome sang phiên bản khác để tránh trải nghiệm lỗi.
Thêm mã sau vào section <head> của website (hoặc file .js ngoài):
if (!!window.chrome) { window.location = "https://yourdomain.com" } else { window.location = "https://yourdomain.com/legacy-version" }Bạn có thể muốn giải thích cho user tại sao bị chuyển hướng, khuyến khích dùng Chrome để trải nghiệm tốt nhất:
if (!!window.chrome) { window.location = "https://yourdomain.com" alert("Bạn đang dùng Chrome") } else { alert( "Xin lỗi, hiện tại bạn phải dùng Chrome để dùng phiên bản mới nhất. Bạn sẽ chuyển đến trang web legacy (đừng lo, nó vẫn hoạt động tốt!)." ) window.location = "https://yourdomain.com/legacy-site" }Bây giờ user không dùng Chrome sẽ chuyển hướng đến giá trị window.location bạn chỉ định.
Để test, mở CodePen ví dụ trong Chrome, sau đó mở trong Firefox, Opera, hoặc trình duyệt khác.
Nếu dùng thực tế, hãy xóa alert("Bạn đang dùng Chrome"). Mình chỉ thêm để demo.
Bạn có thể chơi với mã từ hướng dẫn này tại đây.
Công nghệ phát hiện trình duyệt thay đổi và tiến hóa nhanh. Trình duyệt khác nhau cần phương pháp phát hiện khác nhau. Cũng quan trọng thiết bị user dùng (laptop, tablet, smartphone...).
Để cập nhật công nghệ phát hiện trình duyệt, theo dõi thread StackOverflow hoạt động này.