브라우저 지원 여부 확인 사이트

계속 새롭고 편하고 화려한 기술들이 나오고 있는데 새로운 기술들을 쓰자니

브라우저마다 가능한 기술이 다르기 때문에 지원을 하는지 확인이 필요할때가 많은데요

 

오늘은 내가 사용할 기술을 어떤 브라우저에서 지원하는지 지원여부를 한눈에 확인할 수 있는 사이트 소개 하겠습니다.

 

https://caniuse.com/

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

 

caniuse라는 사이트인데요

 

 

상단에 확인하고 싶은 기술을 입력을 하면

 

 

예를들어서 텍스트에 그림자 효과를 주는 text-shadow를 입력해 보면

아래와 같이 사용가능한 브라우저들을 확인 할 수 있습니다.

빨간색으로 표시된 버전은 지원하지 않는다는 뜻이고

초록색은 지원 가능

노란색으로 표시된 부분은 부분적으로 지원 가능하다는 뜻 입니다.

 

그러니까 text-shadow는 IE는 10부터 사용 가능하고 크롬은 4-95버전 이상 부터 사용 가능하다는 걸 알 수 있습니다.