Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nv/capturecalls.js

captureCalls('document.getElementById') to show a stack trace for document.getElementById on its every call
https://github.com/nv/capturecalls.js

chrome-devtools debugging-tool javascript

Last synced: about 2 months ago
JSON representation

captureCalls('document.getElementById') to show a stack trace for document.getElementById on its every call

Awesome Lists containing this project

README

        

# captureCalls.js

[Demo](http://nv.github.io/captureCalls.js/)

## Usage

There are two ways to use captureCalls.js: a Chrome extension or a standalone script.

### [Chrome extension](https://chrome.google.com/webstore/detail/capturecalls/jbifbiilihmmfjcbfbbdhknaehdgbabd)

Once installed, it runs on all web sites and defines `captureCalls` function globally,
so it can be used not only in DevTools console but in all JavaScripts as well.

### Standalone script

Download [captureCalls.js](https://raw.githubusercontent.com/NV/captureCalls.js/gh-pages/chrome/captureCalls.js)
and include it into your web page ``.

It’s generally a good idea to include captureCalls.js only for a developer environment
and keep it out of production.

## Options

**captureCalls.stacktrace**
`true`: include stack traces in the output

**captureCalls.logFileNames**
`true`: show URLs with line numbers, e.g. `http://nv.github.io/captureCalls.js/demo/demo.js:7`

**captureCalls.logDetails**
`false`: show an object with details, e.g. `{this: window, function: function() {[native]}}`

## TODO

- Write on how captureCalls is superior to Chrome DevTools `monitor` function.