크로스 브라우징 이슈 어떻게 예방하시나요?

Question

안녕하세요.프론트엔드를 프레임워크 없이 html/css, 순수 자바스크립트로 개발하고 QA 진행 중에 브라우저 및 기기(모바일, 테블리)에 따라 깨지는 경우가 많아서 문의드립니다! 저는 mac, chrome(개발자도구) 활용하여서 사이즈에 맞게 반응형 체크하면서 작업한다고 했는데도 여러 기기, 브라우저에서 확인했을 때 글자가 2줄로 나오거나 css 적용이 제대로 안되는 경우가 꽤나 많네요 ㅠㅠhtml 태그 속성 중 특정 브라우저에서는 지원이 안되는 경우도 있다는 걸 처음 알게 되었네요. (예를 들면, input 태그에서 type&#61;&#34;month&#34;가 크롬(PC)에서는 되는 크롬앱(Mo, Tab), 사파리 등에서는 적용 안됌)물론 그런 부분 체크하라고 QA를 하는 거겠지만.. 개발자도구로 확인하는 것 외에 개발하면서 체크하는 팁이 있을까요?그리고 input으로 날짜 받으시는 경우 보통 date-picker 같은 라이브 활용하시나요?

shintwl · Answer

mdn이라는 공식 사이트를 이용하시면각 css, js 함수별 브라우저 지원 여부를 확인할 수 있습니다이건 예시입니다https://developer.mozilla.org/en-US/docs/Web/CSS/animation-composition#browser_compatibility

큰붕어빵 · Answer

https://caniuse.com/이 사이트도 많이 이용하는 것 같더라구요.

크로스 브라우징 이슈 어떻게 예방하시나요?

2개의 답변

Q&A 목록