"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Can You Use CSS to Color Console Output in Chrome and Firefox?

Can You Use CSS to Color Console Output in Chrome and Firefox?

2025-04-16에 게시되었습니다
검색:557

Can You Use CSS to Color Console Output in Chrome and Firefox?

Displaying Colors in JavaScript Console

Is it possible to use Chrome's console to display colored text, such as red for errors, orange for warnings, and green for console.log messages?

Answer

Yes, it is possible to use CSS to add colors to messages displayed in the console in both Chrome and Firefox (version 31 or later). To achieve this, use the following pattern:

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

In this example, %c represents the CSS style to apply to the text, while the subsequent string inside single quotes defines the actual style rules. The CSS style rules can include properties such as background, color, and font-weight to format the text as desired.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3