준비

안드로이드 SDK 와 Chrome브라우저가 PC에 설치되어있어야함.

- 모바일에도 Chrome브라우저가 설치돼있어야함(아이스크림 샌드위치에만 지원됨)


시작

1. 모바일에서 크롬브라우저를 실행하고 메뉴버튼 클릭해서 설정-개발자도구에서 USB웹 디버깅 사용에 체크

2. 시작-실행을 클릭해 cmd창을 열고 안드로이드 SDK가 설치된 경로로 가서 platform-tools 폴더로 들어간다.  그 후 다음 명령어를 실행한다.

adb forward tcp:9222 localabstract:chrome_devtools_remote

3. 데스크탑에서 크롬브라우저를 실행하고 주소창에 localhost:9222 를 입력한다. 그러면 모바일 크롬에서 떠있는 창이 썸네일이미지처럼 나오는데 그걸 클릭하면 크롬 개발자도구와 똑같은 웹페이지가 실행된다.

4. 디버깅 시작~


출처 - https://developers.google.com/chrome/mobile/docs/debugging?hl=ko-KR

by 뭔일이여 2012. 4. 18. 11:56

환경 - phonegap, jquery mobile, code igniter

phonegap에서 외부페이지(http://~)를 초기에 로드하도록 설정하고 해당 페이지의 링크를 클릭했을때

주소 끝에 / 가 들어가는 경우 prompt창이 뜨고 이동이 안되는 현상 발생

간단히 초기 로드할 주소의 끝부분에 / 를 없애면 해당현상 해결


by 뭔일이여 2012. 4. 3. 14:17
개요
모바일웹을 개발하면서 첨부파일 다운로드를 php의 header로 처리
모든기기에서 테스트하진 않았지만 안드로이드와 아이폰(팟)에서 테스트해본결과
아이폰계열에서는 이미지를 바로 보여준 후 오류가 발생
확인결과 header설정에서 Content-Disposition: attachment 일경우에 발생

증상
아이폰계얼에서 첨부파일 클릭 시 다운로드되지 않고 바로 보여주는데 이미지의 경우
브라우저에서 바로 보여주는 방식으로 처리됨
이미지를 보고난 후 뒤로가기를 눌러서 웹페이지로 이동하면 javascript에러가 발생
ajax통신 등 크로스도메인에서 주로 발생하는 SECURITY_ERR: DOM Exception 18 에러 발생
이 에러가 발생하면 브라우저를 닫고 다시 열기전까지는 계속 오류 발생

해결
첨부파일 다운로드 시 아이폰계열이고 이미지형식일 경우 header의 Content-Disposition 에
attachment 대신 inline 을 입력해주면 아이폰에서도 첨부파일이 보여진 후 에러발생하지 않음
이 방법으로 해결은 했지만 다른이유로 인해 SECURITY_~ 에러가 발생한다면 처리불가

by 뭔일이여 2012. 3. 22. 15:55
| 1 |