질문/조언팁/리소스 공유

페이스북같은 경우 리뉴얼 이후 모든 색상을 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

글쓴이 snax

profile
안녕하세요! Digital Product Designer, Calvin Snax입니다.
제 작업물을 확인해보시거나 작업을 의뢰하고 싶으신 분들은 제 사이트를 방문해주세요.
https://calvinsnax.com

XE & Rhymix 제작 자료
#HASHTAG 레이아웃: https://calvinsnax.com/hashtag
Alice 게시판 스킨: https://calvinsnax.com/alice
Slow 테마 패키지: https://calvinsnax.com/slow
coronach 레이아웃: https://calvinsnax.com/coronach
equeer 레이아웃: https://calvinsnax.com/equeer
eden 게시판 스킨: https://calvinsnax.com/eden
  • profile
    와우.... 잘됩니다. 익스플로어까지 신경쓰기 너무 힘들었는데... 좋네요~ 좋은 정보 감사합니다~
  • profile
    윈도우7인경우는 어떻게 되나요?ㅎㅎ
    아직 적지 않게 윈도우7쓰시는 몇몇 분들이 계시긴 하더라고요
  • profile profile

    엣지 87버전 이상 설치되면 IEtoEdge BHO가 설치되며 자동 이동되는것 같은데 엣지가 없다면 잘못된 페이지로 이동해 버리네요. 윈도우 8.1에서 테스트해봤습니다.

  • profile

    웹킷 기반으로 바뀌면서 좀 나아진 것 같기는 하지만 여전히 엣지는 뭔가 만들다 만 듯한 느낌이라...

    그냥 아무도 안 써서 묻혀버리면 좋겠는데 그게 생각처럼 안 되죠. ㅎㅎ

    물론 페이스북에서는 라이벌인 구글의 크롬을 추천해 주기는 싫을 테니
    윈도우 유저라면 그냥 엣지로 보내주는 것밖에 뾰족한 수가 없겠네요.

  • profile
    오... 신기하네요. 혹시 위 코드는 snax님 레이아웃에는 기본적으로 적용돼있는 상태인가요? Snax님 레이아웃 사용하면 위처럼 적용하지 않아도 되나 싶어서요.
  • profile profile
    다음 패치에 적용할 예정입니다^^
  • profile profile
    패치 확인하였습니다. 2.1.0 정말 감사합니다!!
  • profile
    좋은 정보 감사합니다.