In Chrome & Firefox (+31) you can add CSS in console.log
messages:
console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');
The same can be applied for adding multiple CSS to same command.
References
Related Contents:
- How can I keep the “Console Drawer” hidden by default every time I open Chrome DevTools?
- Chrome console shows me “Navigated to http://localhost….”
- how to print large array fully in chrome console?
- How to disable JavaScript in Chrome Developer Tools?
- How do I print debug messages in the Google Chrome JavaScript Console?
- How do you launch the JavaScript debugger in Google Chrome?
- What’s the difference between console.dir and console.log?
- How to find what code is run by a button or element in Chrome using Developer Tools
- How to make Google Chrome JavaScript console persistent?
- View list of all JavaScript variables in Google Chrome Console
- How to include JavaScript file or library in Chrome console?
- Chrome debugging – break on next click event
- clear javascript console in Google Chrome
- Find out whether Chrome console is open
- Why does Chrome debugger think closed local variable is undefined?
- Is there a way to filter network requests using Google Chrome developer tools?
- Disable source maps in Chrome DevTools
- TypeError: Illegal Invocation on console.log.apply
- How to get result of console.trace() as string in javascript with chrome or firefox?
- Chrome JavaScript developer console: Is it possible to call console.log() without a newline?
- Chrome developer tools do not show all JavaScript files any more
- Javascript execution tracking in Chrome – how?
- Is there a way to change your timezone in Chrome devtools?
- Chrome DevTools won’t let me set breakpoints on certain lines
- Break when window.location changes? [duplicate]
- How to inspect JavaScript function return value in Chrome debugger?
- Inspecting javascript on jsfiddle.net in Google Chrome
- $ Variable (Dollar Sign) in Chrome?
- Suppress Chrome ‘Failed to load resource’ messages in console
- What is the source of the double-dollar sign selector query function in Chrome/Firefox?
- find where in the code an http request was made using chrome dev tools
- Any way to throttle calls to a specific API in Chrome DevTools while leaving others unthrottled?
- How to get the output from console.timeEnd() in JS Console?
- What do the “Not optimized” warnings in the Chrome Profiler mean?
- Google Chrome console.log() inconsistency with objects and arrays
- Inexplicit ‘task’ in Chrome Perfomance DevTools
- Check all Checkboxes in Page via Developer Tools
- Can I do anything about “repaints on scroll” warning in Chrome for “overflow:scroll” div
- Console.log not working at all
- How to get list of network requests done by HTML
- Why is Chrome pausing on some line inside jQuery?
- Google Chromecast sender error if Chromecast extension is not installed or using incognito
- Chrome doesn’t delete session cookies
- Prevent contenteditable adding on ENTER – Chrome
- How to launch html using Chrome at “–allow-file-access-from-files” mode?
- Modify HTML of loaded pages using chrome extensions
- Can’t find serviceWorker in navigator anymore
- Chrome: Inspect elements that appear only when dragging
- Browser denying javascript play()
- JavaScript: Invert color on all elements of a page