모바일 웹 디버깅

모바일 웹 디버깅

h"ps://www.flickr.com/photos/lukew/10412439655/

네이버_박재성

2014/08/01

자바스크립트 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

��

공통플랫폼 개발랩 Jindo 프레임워크 개발

▪ HTML5 KIG Web Apps 서브그룹 그룹장 ▪ W3C HTML5 Day ASIA Conference 2012 – “Web Audio API” ▪ W3C와 함께하는 HTML5의 핵심기술 CSS 국제 워크숍 – “CSS Functions”

h"ps://www.flickr.com/photos/jm3/14422223957/

h"p://news.naver.com/main/read.nhn?oid=055&aid=0000282933

à h"ps://www.modern.ie/en-‐us/ie6countdown

à

à

à 

à 

à 

à 

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

▪

▪

��

h"p://jindo.dev.naver.com/blog/2014/02/579

��

• • • 

à

à

• 

��

��

• • • 

��

• • 

• 

��

sudo npm -g install weinre

weinre --boundHost <host-ip|host-name|-all-> --httpPort <port-number>

��

http://<host-ip>:<port-number>/client/

à

��

<script src="http://debug.build.phonegap.com/target/target-script-min.js#id"></script>

http://debug.build.phonegap.com/client/#id #

▪▪▪

��

▪▪▪

▪

��

h"ps://developer.chrome.com/devtools/docs/remote-‐debugging

à

��

▪

��

▪

��

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

▪

à

��

��

▪

��

��

h"p://jindo.dev.naver.com/blog/2014/04/627

à

��

h"ps://www.flickr.com/photos/franzlife/830424476

모바일 웹 디버깅

Mobile

Transcript of 모바일 웹 디버깅