콘솔 메시지 녹색 체크 표시가있는 JavaScript

Question

console.warn에 노란색 경고 기호가 있고 console.error에 빨간색 오류 기호가있는 것처럼 콘솔에 녹색 체크 표시가 있는지 궁금합니다.

인터넷에서 이미 이와 같은 기능이 있는지 검색했지만 찾지 못했습니다. 이제 console.log 메시지 앞에 아이콘을 표시 할 방법을 찾고 있습니다.

이것이 가능합니까?

Answer 1

물론입니다. 당신은 크롬에서 CSS를 사용할 수 있습니다

console.log("%c hi", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;"); 

을 documentation에서 :

개발 도구는 다음과 같은 형식 지정을 지원합니다

% C는 귀하가 제공하는 CSS 스타일에 따라 출력 문자열을 포맷합니다.

경고 :

어떤 이상한 이유로 콘솔 doesn't support background-repeat. 따라서 아이콘에 여백을 추가하거나 아이콘을 오른쪽으로 옮기는 것이 좋습니다.

console.log("hi %c", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;");