예전에 만든 프로그램이 갑자기 페이지가 안나와서 문제를 찾아 보니, 결국 센챠터치 문제였다.
센챠터치 1.1 로 만든 하이브리드 앱이었는데, 페이지 하나로 Pc, 안드로이드, 아이폰 까지 모두 쓸수 있게 만들자... 라는 컨셉으로 만든 것.
증상은 그냥 말그대로 페이지에 상단에 타이틀 부분만 나오고 아래로 아무것도 안나옴.
문제는 센차터치로 만든 페이지가 폰에서는 잘나오는데, Pc 에서만 안나옴.
개발자 콘솔로 오류를 찾아보니, "WebKitPoint is not defined" 가 잔뜩 떠 있는것을 발견.
아마 이게 문제인듯...
"Google Chrome" 을 업데이트 한 이후로 동일한 증상이 생긴다는 얘기를 찾았다.
포럼에 보니 동일한 질문을 올린 글에 달린 답변이, 1.x 버젼은 더이상 지원하지 않는다고...
이걸 어쩜? -_-;
다행이 다른 사람이 해결책을 올려놓은 것이 있어 해결 했다.
http://stackoverflow.com/questions/27040297/uncaught-referenceerror-webkitpoint-is-not-defined
문제가 되는 것은 이부분...
저기 센차터치 라이브러리 파일에서...
저~~~기 있는 "WebKitPoint()" 라는 것이 크롬이 없데이트 되면서 없어져 버린게 문제.
근본적인 해결책은 센챠터치 자체를 최신 버젼으로 업데이트 해주는게 최선이겠으나...
이걸 괜히 건드렸다가 문제가 얼마나 더 커질지 모르니 함부로 건드릴 수가 없다.
암튼, 위의 링크에 있듯이 이 부분만 살짝 해결 하는 방법은...
이렇게 바꿔주면 일단 해결된다.
var rect = this.dom.getBoundingClientRect(); return [rect.left, rect.top];
아... 정말 힘들다...
되던건 좀 그냥 되게 놔주지 좀...