Jakikolwiek sposób wykrywania, czy konsola przeglądarki jest w stanie renderować kolory?

Question

Czy istnieje sposób sprawdzenia, czy przeglądarka może używać kolorów konsoli bez wąchania?

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

Na przykład, że w chrome 26+ i firebug będzie drukować kolorowe wydruki.

Answer 1

Jest to jeden z niewielu przypadków, w których wykrywanie wersji przeglądarki wydaje się być właściwym sposobem postępowania. Aby zminimalizować zagrożenia wynikające z tego podejścia, upewnij się, że używasz czarnej listy, a nie białej listy, bez względu na to, jak bardzo może to czuć się w tej chwili (aby upewnić się, że nie opuścisz nowej przyszłej przeglądarki, jak miało to miejsce w przypadku wielu starych, skoncentrowanych na kodzie netscape). Jestem świadomy, że nie jest to odpowiedź, którą chciałeś usłyszeć, ale jako console.log jest natywną funkcją, której efekt nie może być w żaden sposób zaobserwowany, tak dalece jak widzę, jedyną opcją jest wykrywanie wersji przeglądarki.

Answer 2

pisałem Console.js https://github.com/icodeforlove/Console.js aby umożliwić nam zrobić to nieco łatwiej

Console.styles.register({ 
    red: 'color: red', 
    underline: 'text-decoration: underline', 
    bold: 'font-weight: bold' 
}); 

następnie można po prostu zrobić to

console.log('red text '.red + 'red underlined text'.red.underline + 'red bold text'.red.bold); 

będzie wdzięcznie pogorszyć tak