콘솔 패널에서 사용해야 하는 5가지 방법

Console 패널에서 사용할 수 있는 5가지 트릭

Inspect() 명령어를 사용하여 전달된 DOM 노드로 바로 이동

inspect($('p'))

copy() 명령어를 사용하여 텍스트를 클립보드에 복사

copy(Object.keys(window))
// stores ["top", "window", "location", "external"... and so on

콘솔 출력 스타일 지정

console.log('%cHello world', 'font-size:40px;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);');

객체의 값 가져오기

values({
    one: 1,
    two: 2,
    three: 3
})

// logs [1, 2, 3]

콘솔 지우기

Cmd + K (Windows의 경우 Ctrl + L)