Find what code is causing a browser behavior.
JavaScript HTML Other
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
breakpoints
dev
dist
extension
gh-pages
tests
webstore-assets
.babelrc
.gitignore
.npmignore
.travis.yml
README.md
console-api.md
devtools-panel.js
injected-script.js
karma.conf.js
node-test.js
package.json
webpack-test.config.js
webpack.config.js

README.md

JavaScript Breakpoint Collection Build status

Find out what part of your code is causing a behavior in the browser. For example, you can pause when the window scroll position is updated or when cookie data is written.

Live Demo

Either use the UI or add breakpoints from the console:

breakpoints.debugScroll()
breakpoints.debugPropertySet(obj, "propertyName", "trace") // trace instead of pausing
breakpoints.debugCookieWrites(function(){ /* whatever */ })
breakpoints.resetLastBreakpoint()

Learn more about the Console API.

Chrome Extension

Install from Chrome Web Store

Breakpoint Extension Screenshot

Example trace message:

Breakpoint Extension Trace Message Example

Bookmarklet

Get the bookmarklet

Snippet

Just paste the contents of this file in the console.

NPM

Download the module from NPM:

npm install javascript-breakpoint-collection

Then load the module:

var breakpoints = require("javascript-breakpoint-collection")

Development

See Contributing.md.