엘리먼트에 등록되어 있는 이벤트 감지 Visual Event Tool
개발툴2016. 3. 15. 13:45
UI 개발을 하다 보면 어느 엘리먼트에 이벤트가 등록되어 있는지를 확인해 보고 싶을 때가 종종있다.
사실 이런 확인 기능을 크롬 개발자 툴에서 기본적으로 제공해 줄 것이라 생각했지만 그런 기능은 존재하지 않았다.
그러던 중 회사 동료로부터 크롬 확장 프로그램을 추천 받았다.
Visual Event
해당 확장 프로그램을 설치하고 이벤트를 감지하고 싶은 페이지에서 Visual Event 확장 프로그램 아이콘을 누르면 다음과 같이 화면이 바뀐다.
빨간색 네모칸의 엘리먼트에 이벤트가 등록되어 있다는 것이고 마우스 커서를 위치해 보면 javascript 코드를 확인할 수 있다.
'개발툴' 카테고리의 다른 글
remote debugging on 안드로이드 (proxy 이용) (0) | 2016.06.30 |
---|---|
vagrant 설치 및 활용 (5) | 2016.06.30 |
윈도우에서 리눅스 명령어 사용 (Gow) (0) | 2016.05.24 |
GitHub에서 fork된 repository 삭제하기 (3) | 2016.05.18 |
CDATA 섹션에서 부적합한 XML 문자(유니코드: 0xb)가 발견되었습니다 (0) | 2016.03.09 |
ant 를 이용한 ssh 배포 (0) | 2016.01.20 |
SQLyog 테이블 데이터 refresh 관련 (0) | 2015.11.17 |
배포툴 Rundeck (0) | 2015.09.02 |
댓글()