chrome inspector 숨은 기능들

https://www.vobour.com/%EB%8B%B9%EC%8B%A0%EC%9D%B4-%EB%AA%A8%EB%A5%BC-%EC%88%98%EB%8F%84-%EC%9E%88%EB%8A%94-%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%BD%98%EC%86%94-%EA%B8%B0%EB%8A%A5%EB%93%A4-things-you-p


1.
$$(‘tagName’) 또는 $$(‘.class’) 를 사용 할 수도 있는데, 이것은 셀렉터에서 매치되는 모든  DOM 엘리먼트들을 선택한다. 달러싸인이 두개인것을 눈여겨보자. 이렇게 선택된 배열에서 특정 포지션에 있는 엘리먼트를 선택 할수도 있다. 


2.
document.body.contentEditable=true 하면 브라우져 에서 그냥 수정되어

3.
getEventListeners($(‘firstName’)).click[0].listener  걸린 이벤트 찾기

4.
이벤트모니터
monitorEvents(window, 'click');
monitorEvents(window, 'message');

5.
코드 블록 실행 시간 확인
console.time('myLabel');
console.timeEnd('myLabel');

6.
밸류를 테이블로 이쁘게
console.table(variableName)

7.
검사기 명령어
$0, $1, $2,

8.
해당 아이디,또는 클래스,이름이 있는 모든목록표기
dir($(‘selector’))
inspect($(‘selector’))