크로스 브라우징

크로스 브라우징이란?

Cross Browsing이란 적어도 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법이다.
또한, 지원할 수 없는 웹 브라우저를 위한 장치를 구현하여 모든 웹 브라우저 사용자가 방문했을 때 정보로서 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미한다.

➡️ 크로스 브라우징은 브라우저마다 렌더링 엔진이 다르기 때문에 필요하다.

동등성

크로스 브라우징은 동일성을 의미하지 않는다. 동등성을 의미한다.
즉, 똑같이 보이게 구현해내는 것이 아니다. 동등한 수준의 정보, 기능을 제공하는 것을 의미한다.

크로스 브라우징 방법들

  1. 별도의 라이브러리 등을 주입하지 않고도 최대한의 호환성을 제공하기
  2. 브라우저 대응 순서 정하기 (적합한 타깃 설정)
  3. 라이브러리를 사용하기

    • jQuery
    • Polyfill
  4. 그 외

    • reset.css (or normalize.css) 사용 (브라우저마다 다른 기본 스타일 초기화)
    • vendor prefix 사용 (여러 브라우저 대응)
    • CSS 전처리기 (Sass, PostCSS 등)

크로스 브라우징 관련 도움되는 사이트 모음

참고


Written by정선아
🌱 공부한 것을 기록하여 성장하기 위한 블로그입니다.

GitHubGmail