https://github.com/firefox-devtools/debugger-examples
Collection of good debugging examples
https://github.com/firefox-devtools/debugger-examples
Last synced: 8 months ago
JSON representation
Collection of good debugging examples
- Host: GitHub
- URL: https://github.com/firefox-devtools/debugger-examples
- Owner: firefox-devtools
- License: cc0-1.0
- Created: 2016-12-15T16:50:05.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-10-03T20:53:04.000Z (about 2 years ago)
- Last Synced: 2025-04-06T11:11:28.016Z (9 months ago)
- Language: JavaScript
- Homepage: https://firefox-devtools.github.io/debugger-examples/
- Size: 4.83 MB
- Stars: 41
- Watchers: 9
- Forks: 22
- Open Issues: 65
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Debugger Examples
### [TodoMVC](./examples/todomvc)
[![][todomvc-screen]](./examples/todomvc)
### [Sensor Web][sensor-url]
[![][sensor-screen]][sensor-url]
### Examples
[![][examples-screen]][examples-url]
### Examples
| | |
| --- | --- |
| [pythagorean](./examples/pythagorean) | example of scopes |
| [Evals](./examples/evals.html) | different evals |
| [Debugger Statements](./examples/debugger-statements.html) | |
| [Booleans](./examples/booleans) | example with booleans |
| [Breakpoints](./examples/breakpoints.html)||
| [exceptions](./examples/exceptions.html) | different caught / uncaught exceptions |
| [iframe](./examples/iframe.html) | pausing in an iframe |
| [500 sources](./examples/500-sources.html) | A page with 500 bogus sources |
| [large-files](./examples/large-files.html) | |
| [long-lines](./examples/long-lines) | |
| [localStorage Keys](./examples/localstorage-keys.html) | |
| [Optimized Away Variable](./examples/optimized-away.html) | |
| [typescript - perfetto](https://ui.perfetto.dev/#!/viewer) | perfetto tracing |
| [typescript - greeter](./examples/typescript/greeter) | |
| [clojurescript - hello](./examples/clojurescript/hello.html) | |
| [coffeescript - tutorial](./examples/coffeescript/tutorial) | |
| [Create React App - (jsx, flow)](./examples/my-app/build) | |
| [JS in HTML](./examples/js-in-html.html) | A webpage with several inline scripts |
| [asm.js](./examples/asm.html) | |
| [wasm](./examples/wasm/fib/fib.index.html)||
| [errors.js](./examples/errors.html) | A simple html file with one error |
| [events.js](./examples/events.html) | A page with some event handlers |
| [scopes](./examples/scopes.html) | Examples of different scopes + vars |
| [marko](https://github.com/marko-js-samples/marko-webpack) | Marko site |
| [redux todomvc](https://4zj3qr7lx4.codesandbox.io/) | Redux TodoMVC |
| [angular - todos](https://w2x2oypmqk.codesandbox.io/) | Angular todos |
### Source Maps
| | |
| --- | --- |
| [increment](./examples/increment) | a simple source map example |
| [source mapped js.min files](http://wbamberg.github.io/example-websites/source-mapping/index.html) | simple webpack example|
| [mangled names](./examples/sequence-print/sequence_print.html) | a simple source map with mangled identifiers|
| [dual use](./examples/dualuse/dualuse.html) | a simple example when same module used in two bundles|
| [30k files](./examples/f30k/index.html) | an example with 30,000 files in the source tree|
| [multiple tabs](https://q7mmol9xy9.codesandbox.io/) | an example where both original and generated sources have the same URLs |
### Libraries
| | |
| --- | --- |
| [React](https://devtools-reporter-hzsvksiqym.now.sh) | Reporter |
| [Immutable](https://dbg-immutable.glitch.me/) | List + Map |
| [Babel](./examples/babel) | Babel Transforms |
| [Babel Tests](./examples/babel-tests) | Babel Test Transforms |
| [Typescript & Webpack](./examples/typescript/modules) | Small sample page of bundled TS |
| [Angular Sample](./examples/angular/sample) | The sample app generated by Angular CLI |
| [Angular Realworld](https://angular2.realworld.io/#/) | Angular - angular2.realworld |
### Inline Scripts
| | |
| --- | --- |
| [simple](./examples/scripts/simple.html) | an example w/ an inline script that can be injected |
| [react](./examples/scripts/react.html) | an example w/ an inline script w/ a source map that can be injected |
| [react2](./examples/scripts/react2.html) | an example w/ an inline script that has a source map |
### Local Test Pages
| | |
| --- | --- |
| [asm] | |
| [debugger-statements] | |
| [exceptions] | |
| [frames] | |
| [iframes] | |
| [minified] | |
| [return-values] | special scope variables |
| [script-switching] | |
| [scripts] | |
| [sources] | |
| [sourcemap-bogus] | |
| [sourcemaps] | |
| [sourcemaps2] | |
### Web Workers
| | |
| --- | --- |
| [Hello](https://dbg-workers.glitch.me/) | A simple worker hat starts up at the beginning |
| [High primes](./examples/workers/high-prime.html) | The highest prime number |
| [Inline](./examples/workers/inline.html) | Inline worker |
| [Shared](./examples/workers/shared.html) | Shared workers |
| [Shared tweets](./examples/workers/shared-tweets.html) | Shared Workers Tweets |
| [Big data](./examples/workers/big-data.html) | Big Data (using transferable objects) In Web Worker |
| [Pi](./examples/workers/pi.html) | The Run After Pi |
Thanks to [greenido] for the cool web worker examples
#### Getting started
```
git clone git@github.com:devtools-html/debugger-examples.git
cd debugger-examples
yarn install
yarn start
```
[todomvc-screen]: https://cloud.githubusercontent.com/assets/254562/22754631/3644ed8a-ee0e-11e6-9ada-17ca36f7e0cf.png
[sensor-screen]: https://cloud.githubusercontent.com/assets/254562/22754691/6f316e70-ee0e-11e6-9136-83238cd3e530.png
[sensor-url]: http://aws-sensorweb-static-site.s3-website-us-west-2.amazonaws.com
[examples-screen]:https://shipusercontent.com/e72dc7467d63d6ebcd69e504548534f8/Screen%20Shot%202017-07-12%20at%2011.48.25%20AM.png
[examples-url]: https://devtools-html.github.io/debugger-examples/examples/examples.html
[asm]:http://localhost:8000/integration/examples/doc-asm.html
[debugger-statements]:http://localhost:8000/integration/examples/doc-debugger-statements.html
[exceptions]:http://localhost:8000/integration/examples/doc-exceptions.html
[frames]:http://localhost:8000/integration/examples/doc-frames.html
[iframes]:http://localhost:8000/integration/examples/doc-iframes.html
[minified]:http://localhost:8000/integration/examples/doc-minified.html
[return-values]:http://localhost:8000/integration/examples/doc-return-values.html
[script-switching]:http://localhost:8000/integration/examples/doc-script-switching.html
[scripts]:http://localhost:8000/integration/examples/doc-scripts.html
[sourcemap-bogus]:http://localhost:8000/integration/examples/doc-sourcemap-bogus.html
[sourcemaps]:http://localhost:8000/integration/examples/doc-sourcemaps.html
[sourcemaps2]:http://localhost:8000/integration/examples/doc-sourcemaps2.html
[sources]:http://localhost:8000/integration/examples/doc-sources.html
[greenido]: https://github.com/greenido/Web-Workers-Examples-
### License
[CC0-1.0](./LICENSE).