https://github.com/krasimir/deb.js

Minimalistic JavaScript library for debugging in the browser
https://github.com/krasimir/deb.js

Last synced: about 2 months ago
JSON representation

Minimalistic JavaScript library for debugging in the browser

• Host: GitHub
• URL: https://github.com/krasimir/deb.js
• Owner: krasimir
• License: mit
• Created: 2014-06-04T16:21:50.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2019-11-02T00:28:34.000Z (almost 5 years ago)
• Last Synced: 2024-07-09T02:02:37.963Z (3 months ago)
• Language: JavaScript
• Size: 160 KB
• Stars: 1,429
• Watchers: 43
• Forks: 82
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
deb.js

======

### ~1.5K minimalistic JavaScript library for debugging in the browser

* works on functional level

* groups your `console.log` statements and place them in a proper context

* displays stack traces, passed arguments and execution time

## Usage

Add `deb.min.js` at the top of your page. Before every other script file.

```html

```

Add `.deb()` After the definition of your functions.

```js

var calculateSomething = function(cb) {

	// ...

}.deb();

```

Open your console. You should see something like that:

![deb.js](http://work.krasimirtsonev.com/git/debjs/debjs.jpg)

Use `.debc()` to collapse the output.

## Deb.js as Chrome extension

[Deb.js in Google Web Store](https://chrome.google.com/webstore/detail/debjs/egmeoknjmgikkkcdicmajkbkmkcmbiah)

There is extension for Chrome that injects `deb.min.js` into your page. All you have to do is to install the extension from [here](https://chrome.google.com/webstore/detail/debjs/egmeoknjmgikkkcdicmajkbkmkcmbiah) and click the icon in the upper right corner.

Once you do that the extension will inject the file before your page's content and you will be able to use `.deb()` or `debc()` methods.

![deb.js](http://work.krasimirtsonev.com/git/debjs/debjschrome.png)

## Deb.js is available in Bower too

To install the library via Bower just run:

```

bower install deb.js

```

The file that you probably want to use is `/bower_components/deb.js/build/deb.min.js`.

## Articles

* [Deb.js: the Tiniest Debugger in the World](http://code.tutsplus.com/tutorials/debjs-the-tiniest-debugger-in-the-world--cms-21565)

* [Deb.js: самый крохотный отладчик в мире](http://habrahabr.ru/post/228819/)

## Preview

Here is an animated gif that demonstrates how Deb.js outputs information about the executed function. 

![deb.js](http://work.krasimirtsonev.com/git/debjs/debjs_05.gif)

## Building

1. `npm install`

2. `npm run build`

## Contributers

* [Krasimir Tsonev](http://krasimirtsonev.com/)

* [Tyler Eich](https://github.com/TylerEich)

* [The Code Destroyer](https://github.com/TheCodeDestroyer)

* [Valentin Zwick](https://github.com/vzwick)

* [kshirish](https://github.com/kshirish)