Use colors in JavaScript console
Question:
How to use colors in JavaScript console? Answer:
console.log('%cTest message', 'color: #008000; font-weight:bold;');
Description:
You can use the %c
directive to apply a CSS style to console output. The text before the directive will not be affected, but the text after the directive will be styled using the CSS declarations in the parameter. You may use %c
multiple times.
Reference:
Browser console reference
Share "How to use colors in JavaScript console?"
Related snippets:
- Remove double quotes from a string in JavaScript
- Check if date is valid in JavaScript
- Check if a string is empty in JavaScript
- Check if string contains a substring in JavaScript
- Escape quotes in JavaScript
- Count the number of characters in a string with JavaScript
- Concatenate strings in JavaScript
- Check if string ends with slash using JavaScript
- Get the last character of a string in JavaScript
- Convert array to comma separated string using JavaScript
- Check if string contains a specific character using JavaScript
- Remove spaces from string at the beginning, end, or both in JavaScript
- Remove all extra spaces from a string in JavaScript
- Check if a string ends with number in JavaScript
- Remove specific character from a string in JavaScript
- Remove protocol from URL with JavaScript
- Remove emojis from a string with JavaScript
- Remove the last character from a string in JavaScript
- Count the number of words in a string using JavaScript
- Count the number of lines in a string in JavaScript
- Convert string to int in JavaScript
- Convert string to lowercase with JavaScript
- Generate random color with JavaScript
- Convert string to kebab case in JavaScript
- Convert snake case to camel case in JavaScript
- Capitalize words in a string using JavaScript
- Generate random string in JavaScript
- Generate UUID in JavaScript
- Convert string to character array in JavaScript
- Convert camel case to snake case in JavaScript
- Remove accents from a string in JavaScript
- Convert a string to sentence case in JavaScript
- Convert string to title case in JavaScript
- Convert string to snake case in JavaScript
- Convert string to pascal case in JavaScript
- Convert string to camel case in JavaScript
- Convert string to uppercase with JavaScript
- Convert object to JSON string in JavaScript
- Parse JSON string in JavaScript
- convert number to string in JavaScript
- Use colors in JavaScript console
- Get string length in JavaScript
- Split a string into words
- Replace line break with br in JavaScript
- Replace spaces with dashes in JavaScript
- Create multiline string in JavaScript
Tags:
javascript console, color in console, console.log style Technical term:
Use colors in JavaScript console