Skip to content

Debug module for browsers which can Display on page or in Console, for Phone and old IE debugging

Notifications You must be signed in to change notification settings

javascript-html5-css3/min-debug

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

min-debug

Build status [![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][downloads-url] [![Dependency Status][david-image]][david-url] [npm-image]: https://img.shields.io/npm/v/min-debug.svg?style=flat-square [npm-url]: https://npmjs.org/package/min-debug [downloads-image]: http://img.shields.io/npm/dm/min-debug.svg?style=flat-square [downloads-url]: https://npmjs.org/package/min-debug [david-image]: http://img.shields.io/david/chunpu/min-debug.svg?style=flat-square [david-url]: https://david-dm.org/chunpu/min-debug

Debug module for browsers which can Display on page or in Console, for Phone and old IE debugging

Installation

npm i min-debug

Introduction

Demo

min-debug is inspired by tj@debug

Easy for Phone debug log

iPhone

Support IE6+

IE6

Also work with log in Console

Console

Start

Debug with localStorage

Type localStorage.debug = '*', then the debug logs just show like tj's debug

if your website is maintained by different teams, you can customize your key rather than 'debug' when initing min-debug module so teams won't disturb each other

Debug with page

If browser not support localStorage or you want to see debug log on page, use url debug

Type debug='*' in url href either location.search or location.hash, and will see debug info in a textarea on page

support wildcast match, just like tj's debug e.g. localStorage.debug = 'api*, call, -*verbose*'

Usage

run min-debug directly with dist/debug.js, support

  • window.debug
  • define
  • module.exports

CommonJS Usage

var debug = require('debug')('main')

debug('hello')

min-debug does not support print format, because we may need to show logs on some old browsers like IE6

debug('my data', {foo: 'bar'}) // min-debug style
debug('my data: %o', {foo: 'bar'}) // tj's debug style, not support

Advanced

Init with another key

var Debug = require('debug')
Debug.init('mydebug') // then use localStorage.mydebug = '*'

Overwrite log function

var Debug = require('debug')
Debug.log = function(name, args, color) {
	// ...
}

Small Size

cat debug.js | uglifyjs -mc | gzip | wc -m
# ==> 483b

License

License

About

Debug module for browsers which can Display on page or in Console, for Phone and old IE debugging

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 77.5%
  • HTML 22.5%