[D2 오픈세미나]2.모바일웹디버깅

1. 모바일 웹 디버깅
h"ps://www.flickr.com/photos/lukew/10412439655/
네이버_박재성
2014/08/01

2. 자바스크립트 UI 개발과 Jindo 프레임워크
- 2012년 문화체육관광부 우수 학술도서 선정
h"p://book.naver.com/bookdb/book_detail.nhn?bid=6749231
자바스크립트 성능 이야기
h"p://book.naver.com/bookdb/book_detail.nhn?bid=7006583

3.
공통플랫폼 개발랩
Jindo 프레임워크 개발
▪ HTML5 KIG Web Apps 서브그룹 그룹장
▪ W3C HTML5 Day ASIA Conference 2012 – “Web Audio API”
▪ W3C와 함께하는 HTML5의 핵심기술 CSS 국제 워크숍 – “CSS Functions”

4. hps://www.flickr.com/photos/jm3/14422223957/
hp://news.naver.com/main/read.nhn?oid=055aid=0000282933

5. à
hps://www.modern.ie/en-­‐us/ie6countdown

6. à

7. à
à

8. à
à
à
à

9.
Mozilla/5.0 (Linux; U; Android 4.1.2; ko-kr; LG-F180S
Build/KOT49I.F350S10g) AppleWebKit/537.36 (KHTML, like Gecko)
Version/4.0 Chrome/30.0.1599.103 Mobile Safari/537.36
Mozilla/5.0 (Linux; U; Android 4.4.2; ko-kr; SAMSUNG SM-G900S
Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Version/1.6
Chrome/28.0.1500.94 Mobile Safari/537.36
▪
▪

10.
hp://jindo.dev.naver.com/blog/2014/02/579

12. •
•
•
à
à
•

18. •
•
•

20. •
•
•

21.
sudo npm -g install weinre
weinre --boundHost host-ip|host-name|-all- --httpPort port-number

22.
script src=http://host-ip:port-number
/target/target-script-min.js#id/script

24.
http://host-ip:port-number/client/

25. à

26.
script src=http://debug.build.phonegap.com/target/target-script-min.js#id/script
http://debug.build.phonegap.com/client/#id
#

28. ▪
▪
▪

30. ▪
▪
▪
▪

31.
hps://developer.chrome.com/devtools/docs/remote-­‐debugging
à

33. ▪

35. ▪

36.
if(Build.VERSION.SDK_INT = Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}

37. ▪
à

40.
▪

46.
hp://jindo.dev.naver.com/blog/2014/04/627

47. à

49. hps://www.flickr.com/photos/franzlife/830424476