https://github.com/gr2m/browser-supports-log-styles

returns true if browser supports console log styling
https://github.com/gr2m/browser-supports-log-styles

Last synced: 4 months ago
JSON representation

returns true if browser supports console log styling

• Host: GitHub
• URL: https://github.com/gr2m/browser-supports-log-styles
• Owner: gr2m
• Created: 2015-09-21T14:01:56.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2021-03-05T06:39:54.000Z (over 5 years ago)
• Last Synced: 2025-10-11T06:23:15.627Z (9 months ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# browser-supports-log-styles

> returns true if browser supports console log styling

[![NPM version](https://badge.fury.io/js/browser-supports-log-styles.svg)](https://www.npmjs.com/package/browser-supports-log-styles)

[![Build Status](https://travis-ci.org/gr2m/browser-supports-log-styles.svg?branch=master)](https://travis-ci.org/gr2m/browser-supports-log-styles)

[![Coverage Status](https://coveralls.io/repos/gr2m/browser-supports-log-styles/badge.svg?branch=master)](https://coveralls.io/r/gr2m/browser-supports-log-styles?branch=master)

[![Dependency Status](https://david-dm.org/gr2m/browser-supports-log-styles.svg)](https://david-dm.org/gr2m/browser-supports-log-styles)

Modern browsers support CSS-based styling of console log outputs.

See [Documentation on Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/API/Console#Styling_console_output)

### Usage

Download latest version here: https://wzrd.in/standalone/browser-supports-log-styles

Or install via npm: `npm install -S browser-supports-log-styles`

```js

if (browserSupportsLogStyles()) {

  console.log('%cLOG%c styling supported', 'color: white; padding: .2em .5em; border-radius: 1em; background-color: blue', 'color: inherit')

} else {

  console.log('styling not supported')

}

```

### Current Browser Support

- Chrome

- Safari

- Firefox >= v31

### Credit

Takend from [TJ Holowaychuk @visionmedia](https://github.com/visionmedia)'s fantastic [debug npm package](https://github.com/visionmedia/debug)

Original code: https://github.com/visionmedia/debug/blob/165e937e6dd529588fc3d9761d3f745969d3d054/browser.js#L28-L44

### License

MIT