귀하의 웹사이트는 일부 브라우저(특히 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 스레드를 주시하는 것이 좋습니다.