집 > 기사 > 웹 프론트엔드 > CSS를 사용하여 Chrome 및 Firefox에서 콘솔 출력 색상을 지정할 수 있습니까?

CSS를 사용하여 Chrome 및 Firefox에서 콘솔 출력 색상을 지정할 수 있습니까?

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

JavaScript 콘솔에서 색상 표시

Chrome 콘솔을 사용하여 오류는 빨간색, 경고는 주황색과 같은 색상 텍스트를 표시할 수 있습니까? , console.log의 경우 녹색 메시지?

답변

예, CSS를 사용하여 Chrome과 Firefox(버전 31 이상)의 콘솔에 표시되는 메시지에 색상을 추가할 수 있습니다. 이를 달성하려면 다음 패턴을 사용하세요.

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

이 예에서 %c는 텍스트에 적용할 CSS 스타일을 나타내고, 작은따옴표 안의 후속 문자열은 실제 스타일 규칙을 정의합니다. CSS 스타일 규칙에는 배경, 색상, 글꼴 두께 등의 속성이 포함되어 원하는 대로 텍스트 형식을 지정할 수 있습니다.

위 내용은 CSS를 사용하여 Chrome 및 Firefox에서 콘솔 출력 색상을 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：