크로스 브라우징(Cross Browsing) 알아보기

크로스 브라우징(Cross Browsing)이란?

 현재 다양한 브라우저(크롬, 파이어폭스, 사파리, 오페라 등..)들이 존재하며, 어떤 브라우저에서든지 호환성을 높혀 화면이 깨지지않고 동등한 서비스를 사용가능할 수 있게 작업하여 다양한 웹의 접근성일 높히는 작업이다. 이러한 작업이 필요한 이유는 각 브라우저마다 렌더링 엔진이 다르기 때문이다.

 

1.Can I Use 사용하기

Can I Use에서 HTML 요소 및 속성이나, CSS 기능들, JavaScript 기능들의 브라우져에서 지원 여부를 버전 별로 보여주어 사전에 호환성문제를 예방할 수 있다.  스크롤을 내리면 상세정보도 나와 웹페이지 작업 시 매우 유용한 사이트이다.

 

2. 브라우저 트랜드 파악 및 대응순서

 

가장 점유율이 높은 브라우저를 최우선순위로 두고 작업을 한다. 

전세계

국내

 위 차트를 보면 국내나 해외나 압도적으로 구글의 Chrome가 높은것을 볼 수 있다. 모바일, 데스크탑, 테블릿 모두 포함한 수치이다. IE 같은 경우는 마이크로스프트에서 지원을 종료 하기 때문에 굳이 지원을 할 필요가 없다는 내 개인적인 생각이다.

 

3. 라이브러리 사용하기

jQuery 

Polyfill (MDN에서는 추천하지 않은 방법)

 

ref: "크로스 브라우징 총정리"