Skip to content

chunpu/min-debug

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

min-debug

Build status NPM version Downloads Dependency Status

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