iOS6 SAFARI BUG (iOS6 사파리 버그 - AJAX, SPINNING, ...)
아이폰5 발표가 되고 조금 지나서 iOS6도 공개가 되었다.
업데이트평은
인터넷 접근 속도가 빨라졌다.
OS 전체적으로 조금 빨라졌다 라는 평이 많고..
일부 아이폰 4이하 기기를 사용하시는 분들은 느려졌다는 의견도 좀 있다.
뭐.. 그런저런 이야기는 지나가고..
개발을 하고 사용하다 보니 문제가 발생했다.
바로바로...
AJAX caching bug
사이트에서 페이지가 바뀌지 않은 상태에서
AJAX를 재호출 했을 경우 이전에 받았던 데이터를 그냥 계속 불러오는 버그가 발생하였다.
예상되는 버그 시나리오
* 최초로 A data("test.jsp")를 요청
1. 서버로 A data를 요청
2. 서버에서 Safari로 전달
3. Safari에서는 해당 데이터를 캐쉬에 저장
4. A data 제공
* 이후에 A data("test.jsp")를 요청
1. Safari Cache에 해당 데이터가 있는지 확인
2. Cache에 있는 A data 제공
해당 문제가 발생하는 이유
브라우저가 인터넷 속도를 빠르게 하기 위해서 캐시를 사용을 하게 된다.
이럴 경우 같은 주소에 대해서는 캐시를 사용하면서 생기는 문제로 보인다.
해결책
1. 주소에 쓰레기 값을 붙여서 새로운 주소로 인식하도록 한다.
ex) test.jsp?timeStamp=93939393
2. meta cache control을 추가해준다.
ex) <meta http-equiv="Cache-Control" content="no-cache" />
3. 서버 HEADER를 추가해준다.
ex) header('cache-control: no-cache');
1, 2번을 함께 적용하여 해결을 했다.
관련 URL를 참고하면 자세한 정보가 나와있으니 참고하도록.
아......... 애플.. ㅡ.ㅡ;;
ps.
iOS6 Webview에서도 동일한 증상이 발견된다.
즉............. 어플도 확인해봐야한다는 말씀?!
관련 URL
Understanding the iOS6 AJAX bugs
http://www.devthought.com/2012/09/22/understanding-the-ios6-ajax-bugs/
1. The spinning bug
2. The AJAX cache bug
3. The long-polling bug
Is Safari on iOS 6 caching $.ajax results?
http://stackoverflow.com/questions/12506897/is-safari-on-ios-6-caching-ajax-results
AJAX Web Apps In iOS 6 Are Sort Of Broken
http://techcrunch.com/2012/09/21/ajax-web-apps-in-ios-6-are-sort-of-broken/
'프로그래밍 > Web' 카테고리의 다른 글
| Chrome Dev Tools: Markup and Style (0) | 2012.10.05 |
|---|---|
| URI - The What, Why and How of Data URIs in Web Design (0) | 2012.10.02 |
| [HTML5] http://html5-demos.appspot.com/ (0) | 2012.09.24 |
| [HTML5] Drag and drop a folder onto Chrome now available (0) | 2012.09.24 |
| [HTML5] Integrating input[type="file"] with the Filesystem API (0) | 2012.09.24 |