https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing
크로스 브라우징은 모든 브라우저에서 똑같이 보이는게 중요한게 아니라
✌️똑같은 정보와 기능✌️을 이상없이 제공해야하는게 중요하다
동일성🙅 동등성🙆
그럼 지금 브라우저는 얼마나 남았을까 (익스플로어는 영원히 안녕)
크롬, 사파리, 엣지, 파이어폭스, 삼성인터넷, 오페라, edge 등이 생존해있다.
이 중 부동의 일위는 크롬이다
https://gs.statcounter.com/
브라우저마다 다른 렌더링 엔진을 쓰고 기술을 사용하니까 다르게 보이는건 어쩔수 없는 부분임
그럼 렌더링 엔진 얼마나 서로 같은걸 쓰고 있을까
- blink: 구글의 오픈소스 브라우저 레이아웃 엔진, 크롬, 현엣지
- gecko : 파이어폭스, mozilia 프로젝트에서 개발한 레이아웃 엔진
- EdgeHTML :엣지의 옛날 엔진
- webkit : 애플꺼니까 당연 사파리, 내가 잘썼던 블랙베리 브라우저 + 삼성인터넷
https://developer.mozilla.org/en-US/docs/Glossary/Rendering_engine
그렇다면 우리가 생각해야하는건
- 점유율도 빼놓고 생각할수 없다
- 작업하기 전에 css 초기화하고 시작하자(일단 브라우저마다 생긴게 차이나기때문에)
- 구버전 브라우저를 지원해야하면 크로스 컴파일러를 사용해서 코드를 구식 구문으로 변환해야할수도 있다
각 브라우저에서 지원하는지 안하는지 확인하는 사이트 https://caniuse.com/
자체 자동화 시스템 https://www.selenium.dev/
테스트 자동화 도구 https://saucelabs.com/, https://www.browserstack.com/
