'개발자도구'에 해당되는 글 3건
- 2015.12.15 크롬 개발자 도구 기능 사용하기 #2 : 이벤트 관련 기능 1
- 2015.12.13 크롬 개발자 도구 기능 사용하기 #1 : contentEditable 설정 1
- 2015.02.13 크롬 개발자 도구 창 분리하기 2
크롬 개발자 도구 기능 사용하기 #2 : 이벤트 관련 기능
쓸만한지식 2015. 12. 15. 17:30
1. 엘리먼트에 걸려있는 이벤트 목록 보기
네이버 페지를 예로 들면 검색어 입력창은 query 라는 id를 가지고 있다.
검색어 입력창에 어떤 이벤트들이 걸려 있는지 알아볼려면
var txt = document.querySelector('#query') getEventListeners(txt)
요렇게 해서 보면 검색어 입력창에는 blur, click, focus, keydown, keyup 이벤트가 걸려 있는것을 알 수 있다.
2. 엘리먼트에서 발생하는 이벤트 모니터링
네이버 검색어 입력창에서 발생하는 이벤트를 모니터링 하기 위해서는 요렇게 하면 된다.
click, keyup 이벤트를 모니터링 하려면
monitorEvents(txt, ['click', 'keyup'])
발생하는 모든 이벤트를 모니터링 하려면 요렇게
monitorEvents(txt)
3. 이벤트 모니터링 끄기
모니터링 하던것을 끄려면 요렇게~
unmonitorEvents(txt)
'쓸만한지식' 카테고리의 다른 글
PC 원격제어 ZOOK - 왠만하면 다른걸로 쓰자. (4) | 2016.11.02 |
---|---|
Xshell 로 터널링해서 회사에서 막힌 사이트 접속하기 (1) | 2015.12.29 |
Ubuntu 에 Node.js 설치하기~ (0) | 2015.12.14 |
크롬 개발자 도구 기능 사용하기 #1 : contentEditable 설정 (1) | 2015.12.13 |
curl 을 이용해 Linux 서버 백업을 다른 서버로 전송하기 (0) | 2015.12.07 |
크롬 개발자 도구 기능 사용하기 #1 : contentEditable 설정
쓸만한지식 2015. 12. 13. 14:29
별로 쓰잘데기 있는 기능은 아니지만 그냥 왠지 재밋어 보여서~~
F12 를 눌러 크롬 개발자 도구를 연다음 console 탭으로 이동해
document.body.contentEditable=true
요걸 입력한다.
그러면 사이트에 있는 텍스트를 마음데로 편집할 수 있다. -.- 끝~~~
'쓸만한지식' 카테고리의 다른 글
크롬 개발자 도구 기능 사용하기 #2 : 이벤트 관련 기능 (1) | 2015.12.15 |
---|---|
Ubuntu 에 Node.js 설치하기~ (0) | 2015.12.14 |
curl 을 이용해 Linux 서버 백업을 다른 서버로 전송하기 (0) | 2015.12.07 |
크롬에서 인터넷 뱅킹 플러그인 설치해도 인식이 안될때 (0) | 2015.05.13 |
MySQL : Lost connection to MySQL server at 'reading initial communication packet', system error: 0 에러날때 (2) | 2015.02.16 |
크롬 개발자 도구 창 분리하기
쓸만한지식 2015. 2. 13. 16:14
업데이트가 되서 그런지 몰라도 언젠가 부터 크롬 개발자 도구가 다른 윈도우로 분리가 되질 않았다 -.-
그동안은 그냥 저냥 쓰고 있다가 너무 불편한 느낌이 문득 들어서 구글링을 해 보았다.
역시 구글은 모르는게 없는것 같다.
개발자 도구를 다른 창으로 분리 시킬려면 개발자 도구 상단에 있는 윈도우 모양 아이콘을 살짝 오래 꾹 누르고 있으면 바로 아래에
다른 창으로 분리 시킬수 있는 버튼이 뽁 뜬다.
고거 클릭하면 끝~
'쓸만한지식' 카테고리의 다른 글
크롬에서 인터넷 뱅킹 플러그인 설치해도 인식이 안될때 (0) | 2015.05.13 |
---|---|
MySQL : Lost connection to MySQL server at 'reading initial communication packet', system error: 0 에러날때 (2) | 2015.02.16 |
[JSP] IE 에서 설정한 에러페이지가 나오지 않을때 (1) | 2014.09.24 |
Redmine Dashboard 플러그인 설치하기 (0) | 2014.08.08 |
GitLab 업그레이드 하기 (0) | 2014.08.07 |