https://github.com/pomber/intersection-observer-debugger
A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.
https://github.com/pomber/intersection-observer-debugger
debugger intersection-observer visualizer
Last synced: 10 months ago
JSON representation
A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.
- Host: GitHub
- URL: https://github.com/pomber/intersection-observer-debugger
- Owner: pomber
- Created: 2020-09-01T23:36:19.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-10-06T06:04:32.000Z (over 3 years ago)
- Last Synced: 2025-05-11T06:11:16.804Z (10 months ago)
- Topics: debugger, intersection-observer, visualizer
- Language: JavaScript
- Homepage:
- Size: 85 KB
- Stars: 139
- Watchers: 5
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# IntersectionObserver Debugger
A script you include during development that shows the root, target and intersection every time an IntersectionObserver is triggered.
## Usage
Import the script from your html:
```html
```
Or, install the dependency and import it from JS:
```bash
$ npm install intersection-observer-debugger --save-dev
```
```js
// index.js
import "intersection-observer-debugger"
```
Make sure to import it before any code that may use the IntersectionObserver constructor.
## License
MIT