Edge 브라우저의 IE Mode 활성화

Edge 브라우저의 IE Mode 활성화

rograming 터치선택 시 손가락이 화면을 숨깁니다와 마우스호버 프리뷰에 크게 의존하는를 위한 아주 다른 인터페이스를 가진 웹 앱쾌락적인 텍스트 페이지가 있는 웹 사이트가 아님을 개발하고 있습니다. 사용자가 올바른 인터페이스를 제공할 마우스가 없습니다.는 것을 어떠한 방안으로 알 수 있습니까?마우스와 터치몇몇 노트처럼를 함께 이용하는 사람들을 위해 스위치를 남겨둘 계획입니다. 브라우저의 터치 이벤트 기능은 이야말로 사용자가 터치 장치를 사용하고 있음을 의미하지 않습니다예 Modernizr는 이를 자르지 않음.장치에 마우스가 있다면야 질문에 정의롭게 답변하는 코드가 거짓으로 반환되고 그렇지 않으면 이야말로 반환됩니다.

반전 아닌 반전 그리고 농땡이?

왜? 왜 IE 7 8 을???? 해답은 고객 센터의 질문과 주변 소식통, 그리고 인터넷 게시글 그 리 고 우리 누나에게 존재 했다. 업무상 오래된 컴퓨터 사용 해도 되는 사람들 그렇다. 회사에서 농땡이로 쇼핑을 하는게 아닌가 싶습니다. 특정 컴퓨터로 쇼핑을 한 사람도 있었어요. 대학교 복도에 위치한 임시 검색용 컴퓨터 같은것이 예시가 되겠습니다. 이야말로 봤다. . 직접. 오 마이 갓. 과거의 컴퓨터에 적응된 사람들 누나가 리니지를 너무 오랜 시간 하여 XP 에서 7으로 넘어오는것도 싫어했던 사람입니다.

윈도우 8이 나오는 시점에도 XP 를 사용 하여 리니지를 한 사람 당연히 그 컴퓨터는 익스 플로러 8 이였다.

eslint에 적용하기

을 사용하면 미지원 ECMAScript 혹은 Web API를 사용했을 때 eslint에서 경고를 띄우게 할 수 있어요. IE를 쿼리에 포함하지 않는 이상 어지간하면 경고를 볼 일은 없을 것 같다. 시험삼아 .browserslistrc 파일의 쿼리에 IE 8을 추가해보고 프로젝트를 확인해보면. CLI에서 npx eslint ext .ts,.tsx src 와 같이 입력하면 경고를 한 번에 확인할 수 있어요.

btoa, Date.now 에서 경고가 뜨는 것을 확인하실 수 있어요. IE 버전을 11로 올려도 몇몇 군데에서 경고가 발생합니다. IE를 지원 브라우저에 포함하지 않아 참 다행입니다. . IE를 쿼리에서 제거했을 때는 경고가 나타나지 않았습니다.

핸드폰 시대 시작

웹 개발자 에게 스마트폰은 감사 하면서도 머리가 아픈 도구가 되었습니다. 크로스 브라우징에 모바일도 포함이 되었기 때문입니다. 하지만 기대또한 되었습니다. 컴퓨터는 안바꾸더라도 휴대폰은 바꾸었기 때문입니다. 슬슬 하위 버전 지원을 올려도 되었습니다. IE 7,8 쓰는 사람에게는 업데이트 안내 혹은 모바일로 유도를 하면 되었기 때문입니다.

하지만 여전한 하위 버전 지원, 하위라 쓰고 IE 라 읽는다.

사람들은 스마트폰과 크롬, 사파리에 익숙 하게 되었고 검색도 네이버 에서 구글이나 유튜브로 많이 넘어갔다.

드디어 하위 지원 따위 버려도 될까? 아 이런. 마소 에서 아직 IE를 안버렸다. . 제발 좀 버려달라. 마소의 익스 포기, 그리고 크로미움 기반 웹 브라우저 엣지

마이크로 소프트에서 새로운 웹 브라우저 엣지를 출판 했지만 익스나 엣지나 오 마이 갓 이였다. 그러다.

Browserslist

이름 그대로 웹 브라우저 목록을 조회할 수 있는 도구입니다. 쉬운 목록 조회가 아니라, 여러가지 조건으로 쿼리를 할 수 있어요. 예를 들면 코리아에서 0.2 이상 이용하는 브라우저, 지원이 종료되지 않은 브라우저, es6를 지원해주는 웹 브라우저 등등. 아래 예시를 보자. 전 세계 기준으로 0.2 이상 이용하는 웹 브라우저 0.2 코리아에서 0.2 이상 이용하는 웹 브라우저 0.2 in KR 지원이 종료된 브라우저dead 코리아에서 0.2 이상 사용하며 지원이 종료되지 않은 웹 브라우저 0.2 in KR and not dead ES6를 지원해주는 브라우저supports es6module 특정 브라우저IE 11

쿼리는 에서 실행하실 수 있어요.

본인의 프로젝트에서 어느 범위까지 지원할지 쿼리를 작성해보자. 필자의 경우 아래와 같이 작성하였습니다.

stylelint에 적용하기

CLI에서 npx stylelint src.tsx,css 와 같이 입력하면 경고를 한 번에 확인할 수 있어요.

IE 8을 제거하고 지원 웹 브라우저 범위 내에서만 확인해도 경고가 많이 나타나고 있습니다. 주로 partially supported 때문인데, cssoverflow를 예를 들면 overflow clip 을 지원하지 않아 나타나는 경고입니다. 프로젝트에서는 overflow clip을 사용하지 않기 때문에 문제가 되지 않습니다.

이와 같이 partially supported지만 실제론 문제가 되지 않는 부분임에도 경고가 뜨는 것은 살짝 아쉬웠다. 서두에서 말했듯이 웹 브라우저 시장 점유율의 대부분이 Chromium이고 사용자들의 웹 브라우저 버전도 자동 업데이트로 최신 버전으로 잘 유지되기 때문에 호환성에서 큰 사안을 겪을 일은 정말 적다고 할 수 있어요.

자주 묻는 질문