TIP게시판

제목 데스크탑 크롬 에서 스마트폰의 모바일웹 및 앱의 웹뷰 디버깅 하기
글쓴이 변종원(웅파) 작성시각 2015/09/25 11:08:27
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 15984   RSS
스마트폰 디버깅 켜고 컴퓨터와 연결후 크롬 브라우저에서 

chrome://inspect/#devices 라고 접속을 하면 다음과 같은 화면이 나타납니다.

최초 접속시 스마트폰에서 디버깅 여부를 선택해주시면 아래와 같이 디버깅 화면이 나타나고 inspect를 누르면



아래와 같이 스마트폰의 화면도 나타나고 우측에 반가운 화면이 나타납니다.
왼쪽 화면에서 클릭과 키보드 입력 모두 됩니다.



그리고 한가지 더 중요한 것은 앱의 웹뷰도 디버깅이 된다는 사실!!!

이거 보는 순간 구글의 행보? 기술력?에 소름이....
 

 다음글 sortable javascript and php, m... (1)
 이전글 대단한건 아니지만 유용하고 간단한 팁 (4)

댓글

한대승(불의회상) / 2015/09/25 11:53:22 / 추천 0
usb에 연결되 스마트폰 한정이군요. ^^
좋은 정보 감사 합니다.
당근병아리 / 2015/09/30 13:34:59 / 추천 0
아하 이런방법도 있었구나 . 감사합니다.
테러보이 / 2015/10/04 00:44:45 / 추천 0
저도 많이 사용하는데요. 문제는 크롬에 맞추면안되고 번들 브라우져에 맞춰야하는 슬픈 현실이죠 ㅠ.ㅠ 스파트 시대에도 자신의 사이트는 무조건 네이버 1번 검색이 안되면 사이트가 없다는걸로 인식해서... ㅠ.ㅠ 참고로 작업 하면서 알게 된것인데 console.log가 번들 브라우져에서는 에러로 처리 됩니다 ㅎㅎㅎ
테러보이 / 2015/10/06 18:11:49 / 추천 0
adb 크롬리모트.bat
D:\android\sdk\platform-tools\adb forward tcp:9222 localabstract:chrome_devtools_remote
pause


크롬앱
https://chrome.google.com/webstore/detail/adb/dpngiggdglpdnjdoaefidgiigpemgage