모바일 웹 디버깅
13 likes•983 views
This document provides information about mobile web debugging and development tools. It discusses Chrome DevTools, Weinre (a web inspector tool for remote debugging), iOS Simulator, Safari, and Android debugging. It provides links to documentation and tutorials about setting up remote debugging with these various tools.
모바일 웹 디버깅
- 1. 모바일 웹 디버깅 h"ps://www.flickr.com/photos/lukew/10412439655/ 2014/08/01 네이버_박재성
- 2. 8IPJTUIJTHVZ
- 3. 공통플랫폼 개발랩 Jindo 프레임워크 개발 자바스크립트 UI 개발과 Jindo 프레임워크 - 2012년 문화체육관광부 우수 학술도서 선정 hp://book.naver.com/bookdb/book_detail.nhn?bid=6749231 자바스크립트 성능 이야기 hp://book.naver.com/bookdb/book_detail.nhn?bid=7006583 ▪ HTML5 KIG Web Apps 서브그룹 그룹장 ▪ W3C HTML5 Day ASIA Conference 2012 – “Web Audio API” ▪ W3C와 함께하는 HTML5의 핵심기술 CSS 국제 워크숍 – “CSS Functions”
- 4. 핊캏캫콛픦싢쩒밓 켆뮮헒폊퓒캫캫맏졂팓쿦잞않쁢섾˘ 칺앚슲몮팓쿦쁢멚퓒캫펞홙힎팘삲쁢쫂삲묺 핂핂쯚많홎빹몮훊젇픒많쪛멚잖훊 4#4킪쁂큲쫂솒hp://news.naver.com/main/read.nhn?oid=055aid=0000282933 hps://www.flickr.com/photos/jm3/14422223957/ ˑ ˒
- 7. OESPJE윮 믾훎 àIUUQEFWFMPQFSBOESPJEDPNBCPVUEBTICPBSETJOEFYIUNM1MBUGPSN 뼒믾훎OESPJE캏 àIUUQPQFOTJHOBMDPNSFQPSUTGSBHNFOUBUJPO
- 8. 핺졶짢핊 팖슪옪핂슪 펞컮˘ 솧핊쩒헒핂않솒 졶셆펞싾읆 à OESPJE à 헪혾칺펞컪핞 à 캊컿픦몋푾 DISPNJVN픒믾짦픊옪핞 읊맪짪 à OESPJE ,JU,BU 쭎 믾짦픊옪믆얺빦˘
- 9. 6TFSHFOU OBWJHBUPSVTFSHFOU줆핞폂펞헪혾칺졶셆졓핂 ▪ 캊컿맲얻킪4OESPJE 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 ▪ -(0QUJNVT(OESPJE 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 X
- 10. ӗOESPJE04쪒쯚않푾헎 OESPJE04쩒헒 엚섢잏펢힒 믾쫆쯚않푾헎 삶잞믾 OESPJEY 8FC,JU TUPDLCSPXTFS OESPJEY 8FC,JU TUPDLCSPXTFS OESPJEY 8FC,JU TUPDLCSPXTFS OESPJEY 8FC,JU TUPDLCSPXTFS $ISPNJVN /FYVT 믾쫆쯚않푾헎옪$ISPNFGPSOESPJE OESPJEY 8FC,JU TUPDLCSPXTFS $ISPNJVN 맲얻킪4 맲얻킪뽆 믾쫆쯚않푾헎옪4#SPXTFS OESPJEY 8FC,JU TUPDLCSPXTFS #MJOL $ISPNJVN 맲얻킪4 맲얻킪뽆 믾쫆쯚않푾헎옪4#SPXTFS OESPJEY #MJOL $ISPNJVN 맲얻킪4 믾쫆쯚않푾헎옪4#SPXTFS /FYVT 믾쫆쯚않푾헎옪$ISPNFGPSOESPJE 몋
- 12. 맪짪짝믾쿮힎풞
- 14. 싢쩒밓솒묺
- 15. • J04몋 • XFJOSF • $ISPNF%FW5PPM à3FNPUF%FCVHHJOH à1PSU'PSXBSEJOH • 'JEEMFS
- 17. J044JNVMBUPS
- 19. J044BGBSJ
- 20. 049
- 21. .PVOUBJO-JPO
- 22. 4BGBSJ펞컪64#펾멾픒
- 25. • 8FC,JU믾짦픦쯚않푾헎펞컪잚칺푷많쁳젾 퓇 • 앹캏뫎펔핂졶숞칺푷많쁳 • 핞짢큲
- 26. XFJOSF컲
- 27. • OPEFKT믾짦 • OQN픊옪컲 • 컪쩒킲 sudo npm -g install weinre Y XFJOSFCPVOE)PTUIUUQ1PSU XFJOSFCPVOE)PTUˊBMMIUUQ1PSU weinre --boundHost host-ip|host-name|-all- --httpPort port-number
- 28. XFJOSF큲
- 29. script src=http://host-ip:port-number /target/target-script-min.js#id/script
- 30. XFJOSF맪짪핞솒묺
- 32. XFJOSFPOMJOFIPTU
- 33. 힏헟컲 àIUUQEFCVHCVJMEQIPOFHBQDPN 샎캏핂힎펞큲 script src=http://debug.build.phonegap.com/target/target-script-min.js#id/script http://debug.build.phonegap.com/client/#id #
- 35. $ISPNF%FW5PPMT
- 37. ▪(14퓒
- 39. ▪팖슪옪핂슪펞컪ˎ컲헣맪짪핞퐃켦64#싢쩒밓ˏ ▪049몋펞컪쁢쪒솒픦슪않핂쩒컲 ▪8JOEPXT펞컪쁢샇믾믾픦64#슪않핂쩒컲 IUUQEFWFMPQFSBOESPJEDPNUPPMTFYUSBTPFNVTCIUNM%SJWFST ▪OESPJE
- 44. 1PSUGPSXBSEJOH픎졶짢핊믾믾많맪짪컪쩒퐎맧픎뻲풚졶짢핊믾 믾펞컪맪짪컪쩒픦퓇핂힎헟믊핂펂엲풂몋푾칺푷쇮쿦핖픊젾 64#읊 ▪헟믊몮핞쁢컪쩒펞힎헣많폂엲핖펂퍊삲
- 46. 퓇쮾펞컪싢쩒밓픒칺푷믾퓒컮 ▪ OESPJE
- 47. ,JU,BU 쭎 if(Build.VERSION.SDK_INT = Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true); }
- 49. ▪ OESPJE ,JU,BU 8FC7JFX IUUQTEFWFMPQFSTHPPHMFDPNDISPNFNPCJMFEPDTXFCWJFXPWFSWJFXXIBU@WFSTJPO@PG@DISPNF@JT@JU@CBTFE@PO 팖슪옪핂슪퓇쮾쁢 믆얺빦˘ 04펓섾핂많쇦힎팘쁢핂캏쯚않푾헎핞 DISPNF픒믾짦픊옪힎팘픚 à(BMBYZ4쁢OESPJE핂힎잚 쯚않푾헎쁢DISPNJVN픒믾짦
- 51. 'JEEMFS
- 52. ▪ 퓇싢쩒밓옫킪옪 픟샃픒
- 53. 'JEEMFS1SPYZ컲헣
- 54. 칺푷훟핆 XFCSFRVFTU읊 5PPMT'JEEMFS0QUJPOT$POOFDUJPOT 'JEEMFSMJTUFOPOQPSU힎헣 MMPXSFNPUFDPNQVUFSTUPDPOOFDU
- 55. 'JEEMFS삶잞믾컲헣
- 56. 삶잞믾 뻲풚 옫킪쿦솧컲헣 옫킪큲짝핓엳
- 57. 'JEEMFS앦
- 58. 삶잞믾펞컪푢
- 60. 헣푢 EE3VMF3VMFEJUPS펞컪샎
- 61. 믾
- 62. 뻲풚 049/FUXPSL-JOL$POEJUJPOFS IUUQTEFWFMPQFSBQQMFDPNEPXOMPBETJOEFYBDUJPO R/FUXPSL-JOL$POEJUJPOFS 'JEEMFS$POOFDUJPO4JNVMBUPS IUUQXXXMPHJDXPSYDPNJOEFYQIQUPPMTBOEBQQTEEMFSDPOOFDUJPOTJNVMBUPS
- 64. ˎ핋믾졶슪 3FBEFS.PEF ˏ 쯚않푾힣몮핖쁢핺핂힎펞믾칺퐎 푷핞많큋멚핋픒쿦핖솒옫묺컿훊쁢 믾쁳 캏 OESPJE핂헒쩒헒핂컲 삶잞믾펞컪핋믾졶슪많컿쇦쁢몋푾 핒픦픦%0.핂 hp://jindo.dev.naver.com/blog/2014/04/627
- 65. 'F
- 66. CMPH