IOS에서 history.back 사용시 주의점

앱이 그렇듯이 다양한 버전에 다가 최신 업데이트도 빨라서 일일이 테스트하고 신경써줘야 할것이 많다.

 

그중하나가 javascript 의 history.back 요놈이다.

 

웹에서 늘 쓰는 history.back 은 이전페이지로 간단히 가게끔하는 아주 흔한 함수이다.

이전페이지로 가면서 로딩에 관련된 데이터값도 그대로 불러와진다.

 

근데, 문제는 IOS였다. 

 

사용시 주의할점은 <a>태그와 함께 <a href="#" onclick="history.back(0);">이전페이지</a> 이렇게 쓰면

안드로이드나 웹에서는 당연히 문제 없이 동작하지만 IOS 에서는 안된다.

 

구글링하면 jquery 연동해서 다소 복잡한 방식으로 해결을 했는데, 

이래저래 테스트해보면서 간단히 방법을 찾았다 ^^

 

해결전 :

<a href="#" onclick="history.back(0);"><img src="이미지경로" border="0"></a>

 

해결후:

<img src="이미지경로" border="0" onclick="history.back(-1)" style="cursor:pointer;">

 

바로 위 소스를 보면 a태그를 쓰지않고 img 태그를 직접 onclick 해서 처리한다.

그리고 꼭 정확하게 history.back(-1) 이런식으로 바로 전단계임을 확실하게 적어두도록 하자.

또한 img 태그라 손가락 표시가 날수 있게 style 을 cursor:pointer;  를 준다.

 

그럼 즐코딩요 ^^