[ js ] 사파리에서 조심해야하는 함수

 

 

 회사에서 만드는 앱은 웹앱으로 만든다. 보통 크롬에서 개발자모드로 테스트하기 때문에 안드로이드에서 구현할 때는 큰 문제가 없으나 종종 ios에서 작동이 안될 때가 있다. 대부분 사파리에서 작동이 되지 않는 함수이기 때문이었는데, 괜한 삽질을 하지 않기 위해 내가 겪었던 것들을 정리하고자 한다. 새로운걸 알게 될 때마다 업데이트 해야겠다. 

 

 

---

 

1. input type 잘 확인하기. 

 input type별로 사파리에서 작동되지 않는 경우가 있다. <input type="month" ... > , <input type="date" ... > 의 경우 별 문제없이 잘 작동되나

<input type="week"/>

주간별의 경우 ios에서 숫자 창만 뜨고 아무런 입력을 할 수 없는 경우가 생긴다. 주의하도록 한다. 마침 기능 중 주간별 입력창 기능을 없애 이슈가 사라져 해결책을 찾지 못했다. 알게된다면 업데이트 해야겠다. 

 

 

 

 

2.  new Date(str) 

new Date의 경우 잘 확인해야한다. 사파리에서는 크롬보다 형태가 까다롭다. 나의 경우 YYYY-MM-DD HH:mm:ss 의 str을 new Date 안에 넣어 사용했었다. 그러나 사파리의 경우 인식을 하지 못한다. ISO 8601의 형태로 표현해주기 위해 사이에 T를 넣어야 한다. 

 

혹시 몰라서 크롬에서도 테스트 해본 결과

즉, 

new Date("2020-04-11T11:11:00");

위와 같은 형태가 되어줘야 한다.

 

 

---

 

 

지금까지 알게 된 것들은 이정도이다. 알게되는 것이 있다면 업데이트 하도록 해야겠다. 

 

 

 

 

 

혹시 틀린 정보가 있다면 피드백은 언제나 환영입니다.