본문 바로가기
728x90
300x250

크로스브라우징2

브라우저 지원 여부 확인 사이트 계속 새롭고 편하고 화려한 기술들이 나오고 있는데 새로운 기술들을 쓰자니 브라우저마다 가능한 기술이 다르기 때문에 지원을 하는지 확인이 필요할때가 많은데요 오늘은 내가 사용할 기술을 어떤 브라우저에서 지원하는지 지원여부를 한눈에 확인할 수 있는 사이트 소개 하겠습니다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com caniuse라는 사이트인데요 상단에 확인하고 싶은 기술을 입력을 하면 예를들어서 텍스트에 그림자 효과를 주는 text-shadow를 입력해 보면 아래와 같이 사용가능한 브라우저들을 확인 할 수 있습니다. 빨간색으로 표시된 버전은 지원하지 않는다는 뜻이고 초록색은 지원 가능 노란색으로 표시된 부.. 2021. 11. 20.
ie조건부 주석처리::익스플로러 버전별로 코딩따로하기 (크로스 브라우징) 크로스 브라우징의 가장 애물단지가 익스 하위 버전이 아닐까?그나마 요즘에는 7,8은 거의 포기하지만 7,8까지 맞출 때는 정말 스트레스받는다. 보통 웬만한 브라우저들은 다 맞는다. 그러나 익스 하위버전들이 문제임만약 다 맞췄는데 익스 하위 버전만 문제라면 이거 맞추다가는 다른 브라우저들이 안맞는다. 이럴때 사용할 수 있는게 ie조건부 주석처리!! 12345 이 코드를 헤더 부분에 추가해준다.그러면 익스8 이하버전에서는 니 브라우저 업데이트좀 하라는 얼럿창이 나오게 된다. 그러나 최신익스플로러는 지원하지 않는다는 단점이 있다. 그래서 사용해줄수 있는게 조건부주석처리 js를 이용하는 방법이다. https://github.com/Unk/IE-Checker 위 사이트에서 스크립트를 다운받는다. ie-checke.. 2019. 1. 16.
728x90
반응형