Closed Bug 913773 Opened 11 years ago Closed 11 years ago

console.log doesn't support custom CSS

Categories

(DevTools :: Console, defect)

23 Branch
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 823097

People

(Reporter: phi2x, Unassigned)

References

()

Details

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0 (Beta/Release)
Build ID: 20130814063812

Steps to reproduce:

I tried to launch the console.logtro demo found here:
http://sandbox.photonstorm.com/console.log/

The graphics are rendered in sort of "ANSI mode" in the browser console.


Actual results:

On Firefox, the graphics are not interpreted by the console. Firefox doesn't render the background attribute of text chars.


Expected results:

On Chrome, the demo output is OK on the browser console.
I expected Firefox to do the same.
Component: Untriaged → Developer Tools: Console
OS: Windows 7 → All
Hardware: x86_64 → All
I found some more explanations here:
http://stackoverflow.com/questions/7505623/colors-in-javascript-console

"It turns out Firebug has supported custom CSS for console.logs since 2010 and Chrome support has been added as of Chrome 24.

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

When %c appears anywhere in the first argument, the next argument is used as the CSS to style the console line. Further arguments are concatenated (as has always been the case)."
Summary: The browser console doesn't support console.logtro outputs → console.log doesn't support custom CSS
Thank you for the bug report. This is a known issue.
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.