티스토리에 들어가서 F12를 눌러보면
이런식으로 콘솔에 스타일도 들어가있고, 어떤 라인에서 콘솔이 호출되고 있는지도 표시되지 않는다.
1. CONSOLE에 스타일 주기
문법 : console.log('%cTEXT', STYLE);
예시 : console.log('%c콘솔에스타일주기, color:blue);
결과 :
![]() |
응용 :
var css = [ console.log('%c응용', css); ![]() |
2. 넘버라인 지우기
방법 : setTimeout을 활용하면 된다.
문법 : setTimeout(console.log.bind(console,"%c 텍스트",스타일),시간);
예시 :
var css = [ 'color: #71b313', setTimeout(console.log.bind(console,"%cNumber LIne Hidden",css),0); |
결과 :
![]() |
참고 : https://stackoverflow.com/questions/34762774/how-to-hide-source-of-log-messages-in-console