안드로이드 기기에서 크롬 모바일 브라우저 디버깅하기.


개발자 도구가 잘 갖추어진 크롬을 개발환경에서 주로 쓴다.
안드로이드 기기에서 크롬 모바일 브라우저를 사용한다면, 모바일 환경에서도 크롬 개발자 도구로 디버깅할 수 있다.


안드로이드 기기(스마트폰 등) 설정

  • 설정 이동
  • 모바일 기기 개발자 도구(developer options) 이동
  • USB 디버깅(USB Debugging) 체크

기기와 PC를 연결한다.


PC 설정

  • 크롬 브라우저 구동
  • 주소창에 chrome://inspect 입력
  • discover USB devices 체크

이제 기기가 연결되고, 모바일 크롬 브라우저에 띄워놓은 창을 크롬 개발자 도구(developer tool)로 디버깅 할 수 있다.


또한 포트 포워딩(port forwarding)기능을 이용하면, PC에서 띄운 서버가 모바일에서도 접속된다.
포트 포워딩(port forwarding)버튼을 누르면 창이 나오는데, 이곳에서 값을 넣고 Enable port forwarding을 체크하여 설정한다.
예를 들어 PC에 서버를 localhost:8080으로 띄우고, 아래처럼 설정하면 모바일에서 localhost:8080으로 PC서버에 접속된다.
8080 localhost:8080


참조

https://developers.google.com/chrome-developer-tools/docs/remote-debugging



by


Tags : , , , , , ,

  • 재미있게 읽으셨나요?
    방랑자의 이야기.
    월풍도원에선 기부를 받습니다.

구글 크롬에서 그리즈몽키 사용하기 (How to use greasemonkey in chrome)[크롬,그리즈몽키,chrome,greasemonkey]

이미지출처 : www.guru63.com

구글 크롬에서 그리즈몽키 사용하기 (How to use greasemonkey in chrome)











현재 좌파폭 우크롬을 쓰고 있다.

파폭은 주로 API볼때랑 검색할때 사용하고,

크롬은 업무보고, trac,  블로그, 미투데이등 뭔가 작성할때 사용하고 있다.

그리하여.. 블로그에 글을 올릴때도 크롬을 사용하는데,

피카사에서 사진 링크를 가져올때마다 너무 불편한거다.ㅠㅠ

피카사 페이지를 좀 편하게 만들고 싶어서 찾아봤더니 괜찮은 그리즈몽키 스크립트가 있는데,

크롬에서 쓸라고 하니 플러그인을 설치할수도 없고..

아 어찌하나, 파폭에서 써야되나..

그리즈몽키를 크롬에서는 사용할 수 없을까?

이런저런 생각을 하면서 구글한테 물어보니 이것저것 많이 나와서 찾아보다보니,

좀 부실하긴 하지만 나름 간단하게 쓸 수 있게 되어있었다.

----

I use browsers likes that firefox on left,chrome on right.

Firefox use to see API and search anything.

Chrome use to write a report and create posts on blog.

When I posting, I am felling like an inconvenience cause It's uncomfortable that I get image link on Google Picasa.

Then I decide to use greasemonkey for getting image link more comfortable.

But chrome not support plug-ins yet, what can I do?


1. 크롬을 설치한다.
   Install a recent Chrome.

2. 크롬을 실행할때 --enable-greasemonkey 옵션을 준다.
   Launch chrome with the --enable-greasemonkey flag.
   (숏컷에서 사용할경우 "PATH/chrome.exe" "--enable-greasemonkey")

3. C:/scripts 폴더에 그리즈 몽키파일(*.user.js)을 넣는다.
   Copy greasemonkey file(*.user.js) to the C:/scripts.

4. 해당페이지로 가서 새로고침을 해보고, 적용이되면 그대로 사용하고, 아니면 크롬을 재시동 한다.
   Just refresh the page or relaunch chrome.
 
 
끝~~!
The end.



아 이 얼마나 간편한가?!
How simple it?!

필요한 그리즈몽키 코드들은 Userscripts.org에서 쉽게 구할수 있다.
You can get easily any greasemonkey scripts in Userscripts.org.

편하게 살자.ㅋ
Live comfortable!:D


[Reference]
http://mashable.com/2008/12/15/google-chrome-greasemonkey-scripts/



by


Tags : , , , , , , , , ,

  • 재미있게 읽으셨나요?
    방랑자의 이야기.
    월풍도원에선 기부를 받습니다.