페이스북같은 경우 리뉴얼 이후 모든 색상을 css variables로 대체하고 있는데요.
css variables는 대표적으로 ie에서 지원되지 않는 기능 중 하나입니다.
페이스북이 IE를 어떤 식으로 대응했을까 궁금해서 IE로 접속해봤는데 Edge로 리다이렉트되더라구요.
방법은 굉장히 간단합니다.
<script>
if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
window.location = 'microsoft-edge:' + window.location;
setTimeout(function() {
window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
}, 1);
}
</script>
위 코드를 레이아웃 상단에 삽입하세요. IE로 접속할 경우 엣지를 통해 사이트에 접속합니다. setTimeout 함수 안에 있는 코드는 엣지로 넘어간 이후에 남아있는 IE에서는 다른 페이지를 보여주기 위해 추가된 코드입니다. 해당 링크로 접속해보면 '연결하려는 웹 사이트가 Internet Explorer에서 작동하지 않습니다.' 라는 문구가 쓰여진 페이지가 나오는걸 확인할 수 있습니다.
출처: https://stackoverflow.com/questions/63404573/how-to-redirect-from-internet-explorer-to-microsoft-edge-seamlessly