크로스 브라우징 유용한 사이트 : Can I Use 사용법

크로스 브라우징이란?

웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업을 말한다.

 

따라서 웹사이트 제작시 사용하는 소스가 웹브라우저에서 지원되는지 확인할 필요가 있다.예를 들어 css 의 grid 기능을 사용하려고 하는데 지원되는 브라우저를 확인하고 싶다면

 

https://caniuse.com/

Can I use... Support tables for HTML5, CSS3, etc

 

위 사이트를 들어가서

 

상단  <Can I use ________ ?>  이 부분의 밑줄 안에 css grid 를 입력하면 된다.

 

입력하게 되면 아래에 결과가 나오게 되는데

각 브라우저 버전별로 호환 가능한지 표시된다.

 

녹색	적용이 되는 것을 의미
빨간색	적용이 되지 않는 것을 의미
갈색	불안정하다는 의미

 

 

내가 지금 사용하는 소스가 크로스브라우징에 적합한지 확인하고 싶을 때 유용한 사이트라고 생각된다.