크로스 브라우징

크로스 브라우징은 동등성(등가성)을 의미한다.

• 웹 페이지의 상호 호환성(Cross Browsing) 는 모든 웹 브라우저에서 100%똑같이 보이도록 만드는것이 아니다
• 적어도 표준 웹기술을 채용해 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법이다(호환성)

 

그럼 이러한 크로스 브라우징 작업이 필요한 이유는 뭘까?

• 바로 브라우저마다 랜더링 엔진이 다르기 때문이다.
• 작동하지 않는 HTML5, Javascript 코드가 존재
• 해석하지 못하는 CSS코드 존재
• 브라우저 버그 존재
• 브라우저마다 자체적인 CSS스타일

 

크로스 브라우징 작업

1. 도움이 되는 사이트를 이용하여 브라우저에 맞게 작업한다. - 캔아이유즈 https://caniuse.com

2. 초기화 작업 (CSS 초기화 작업) - 브라우저마다 차이가 나는 기본 스타일 값들을 초기화 시킨다.

3. W3C 통합 검사기 사이트를 통해 개발이 된 사이트가 웹 표준에 맞는 지 확인 가능하다.

 

 

다음 프로젝트에는 크로스 브라우징을 고려해서 코드를 짜봐야겠다...

 

 

참고

blog.naver.com/insaweb/221926915225

mulder21c.github.io/2019/01/30/what-is-cross-browsing/

okayoon.tistory.com/entry/%ED%81%AC%EB%A1%9C%EC%8A%A4-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95cross-browsing