로그(Log)
배열이나 객체에 포함된 값을 편리하게 볼 수 있다.
자동완성기능을 통해서 빠르고 정확하게 명령어를 작성할 수 있다.
큰 콘솔화면에서 명령어를 편집하면서 실행해 볼 수 있다.
북마클릿을 생성해준다.
콘솔에서 앨리먼트를 출력하는 경우 이를 클릭했을 때 HTML Tab으로 이동한다.
콘솔에서 오른쪽 클릭을 하면 대상에 따라 다른 컨텍스트 메뉴가 나와서 연관된 다양한 명령을 실행할 수 있다.
URL에서 가운데 클릭을 하면 해당 URL로 새로운 탭이 열린다.
콘솔에 $0을 입력하면 직전에 선택한 엘리먼트를 콘솔에 표시해준다.
명령을 실행할 때 Shift+Enter을 누르면 결과에 따라서 적합한 탭으로 이동한다.
콘솔 명령어들
- console.log
- console.group(name) + console.groupEnd(name)
- console.time(name) + console.timeEnd(name');
- $(id) - 아이디 값에 해당하는 엘리먼트를 리턴
- $$(selector) - selector 값에 해당하는 엘리먼트를 리턴
- $x(xpath)
- $0 - html inspector로 선택한 현재 앨리먼트를 리턴
- $1 - html inspector로 이전에 선택한 앨리먼트를 리턴
- $n(index)
- dir(object) - 객체의 속성을 보여줌
- dirxml(node)
- cd(window)
- clear() - 화면을 깨끗하게
- inspect(object[, tabName])
- keys(object)
- values(object)
- debug(fn) - 함수가 실행될 때 디버깅 모드로 전환된다.
- undebug(fn)
- monitor(fn) - 인자로 전달된 함수가 실행되면 함수에 대한 정보를 출력
- unmonitor(fn)
- monitorEvents(object[, types])
- unmonitorEvents(object[, types])
- profile([title]) - 프로파일링 시작
- profileEnd()