vuetifyjs 오래된 브라우저와 IE 지원하기

동남아시아 지역에서 많이 쓰이는 저가형 스마트폰은 기본적으로 크롬이 설치되어 있는 경우도 있지만,

 

기본브라우저가 제조사 저마다의 커스텀한 브라우저인 경우가 많습니다.

 

마치 삼성브라우저처럼 말이죠.

 

제가 경험한바로는 이들 브라우저는 구버전의 webkit을 쓰는 경우가 많더라고요

 

webkit은 safari 브라우저 엔진으로 사용되는 프레임워크인데

 

지금은 많은 종류의 브라우저가 webkit을 사용하고 있습니다.

 

 

동남아시아에서 흔히 접할수있는 저가형 스마트폰의 기본 브라우저를 살펴보니

 

구버전의 webkit을 포장한 브라우저였고

 

버전은 safari 9버전 쯤 되겠더라고요.

 

 

이러한 환경에서 vuetify 기반의 vue application의 특정기능이 동작하지 않았습니다.

 

특히 <v-form>에서 쓰이는 valid 체크가 값이 변하지 않더라고요

 

 

이걸 어떻게 어떠한 접근법으로 수정해서 앞으로 나아갈지 고민을 하고 있었는데

 

마침 vuetify에서 친절하게도 IE11과 Safari9를 지원하는 방법을 안내하고 있었더라고요.

 

https://vuetifyjs.com/en/getting-started/browser-support

 

결론은 babel-polyfill을 설치해주면 매우 쉽게 문제가 처리 됩니다.

 

최종 번들링된 js 파일이 10% 가량 용량이 추가되었는데 뭐 어쩔수 없는걸로...