Chrome Javascript 유용한 기능

• 당신이 모를 수도 있는 크롬 개발자 콘솔 기능들 (Things you probably didn’t know you could do with Chrome’s Developer Console)

• Event 확인

      getEventListeners($('selector'));
      // 엘리먼트에 모든 이벤트를 포함한 객체 배열(array of objects)을 리턴
      

• 이벤트 모니터링

      monitorEvents($(‘selector’))
      

• 코드 블록 실행 시간 확인

      console.time('labelName');
      console.timeEnd('labelName');
      

• 변수 값 테이블 형식 보기

      myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]; 
      console.table(variableName)
      

• DOM 요소 검사

  inspect($(‘selector’))
      

• 엘리먼트 속성 목록

      dir($(‘selector’))