npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

min-debug

v1.5.0

Published

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

Downloads

23

Readme

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