크로스 브라우징 [Cross Browsing]

크로스 브라우징

---

"크롬에서 잘 열리던게 익스플로어 에선 왜 안열리지?" 내가 실제로 처음에 웹개발 공부를하면서 이것저것 만들어 볼떄 실제로

한말이다. 크롬에서 개발자도구가 편하다고 처음부터 끝까지 크롬으로만 작업하고 크롬으로만 테스트하면서. 마지막에 사파리나

익스로 본다면 레이아웃이 틀어져 있고 폰트, 이미지 등.. 익스 구버젼에서는 가관이다. 간단한 사전적 의미로는

크로스 브라우징은 W3C에서 채택된 표준 웹 기술을 적용해 모든 브라우저에 다른 기종의 운용체계나 HTML 렌더링 기술로 웹페이지를 제작하는 방법론

모든 브라우저에서 동일한 결과가 나타나야 한다.

크로스 브라우징에 도움울 주는 몇가지 방법들을 알아보자.

Can I USE

 https://caniuse.com/

내가 작성한 javascript, css 가 어떤 브라우져 에서 작동되는지 , 안되는지 알 수 있습니다. 

그리고 브라우저 트렌드를 파악하고 , 브라우저의 대응순서도 알고 있는게 좋다. 가장 점유율이 높은 브라우저 부터 확인하는 것 말이다.

그리고 벤더프리픽스 라는 것이 있는데 코드를 작성할 때 기입해주면 사용할수 있는 버전보다 하위버전에서도 사용할 수 있게 해준다.

-브라우저별 벤터프리픽스 

1) 크롬 : -webkit-

2) 사파리 : -webkit-

3) 파이어폭스 : moz- (mozila 라는 단체가 파이어폭스를 만들었기 때문에)

4) 오페라 : -o-, -webkit-

5) 익스플로러 : -ms-

많이 쓰이는 기법이다.

마지막으로

만든 사이트가 상위 버전으로 업그레이드를 하고 나니 정상 동작이 안될 경우에 html 파일의 head 부분에 

<meta http-equryv="X-UA-Compatible" content="  iE=edge"/>

가장 최종 버전으로 맞추겠다는 것.