javascript-breakpoint-collection

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.

Usage no npm install needed!

<script type="module">
  import javascriptBreakpointCollection from 'https://cdn.skypack.dev/javascript-breakpoint-collection';
</script>

README

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.