크로스 브라우징

크로스 브라우징?

• 웹 페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 나오게 하는 작업
• HTML, CSS, Javascript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저나 기기에서도 사이트가 의도된 대로 보여지고 작동되는 기법

크로스 브라우징 작업이 필요한 원인?

• 브라우저마다 렌더링 엔진이 다르기 때문

• 작동되지 않는 HTML5, javascript 코드의 존재

• 해석하지 못하는 CSS 코드 존재

• 브라우저 버그들이 존재

• 브라우저마다 자체적인 CSS 스타일

IE를 버전마다 크로스 브라우징 하는 이유?

• 최신 버전으로 자동 업데이트가 되는 브라우저는 많으나, IE는 그렇지 않다.
• IE 는 사용자가 직접 업데이트를 진행해야 하며, 윈도우 버전에 따라 버전이 한정되어 있다.

크로스 브라우징 작업

• 브라우저 대응 순서를 정할 것
  (점유율이 높은 브라우저 순으로)

1. 도움이 되는 사이트를 이용하여 브라우저에 맞게 작업
2. 초기화 작업 (CSS 작업) - 브라우저마다 차이가 나는 기본 스타일 값들을 초기화
3. IE 용 주석을 이용한 방법 (conditional comments)

• HTML 문서 내에서 주석을 이용하여 구별

4. <meta /> 태그를 이용한 IE 모드

• IE 가 문서를 읽고 랜더링 할 때 원하는 모드로 랜더링 하게 해준다

5. 라이브러리 사용 - jQuery / Polyfill
6. 핵(Hack)
7. prefix (접두사 사용)