https://github.com/firefox-devtools/devtools-examples
Code examples that accompany the MDN Firefox Developer Tools documentation
https://github.com/firefox-devtools/devtools-examples
devtools devtools-documentation mdn-docs tools
Last synced: 3 months ago
JSON representation
Code examples that accompany the MDN Firefox Developer Tools documentation
- Host: GitHub
- URL: https://github.com/firefox-devtools/devtools-examples
- Owner: firefox-devtools
- License: cc0-1.0
- Created: 2016-09-07T23:38:40.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2022-09-14T18:10:52.000Z (over 2 years ago)
- Last Synced: 2025-01-11T06:31:59.462Z (4 months ago)
- Topics: devtools, devtools-documentation, mdn-docs, tools
- Language: HTML
- Homepage: https://developer.mozilla.org/en-US/docs/Tools
- Size: 346 KB
- Stars: 26
- Watchers: 4
- Forks: 19
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# devtools-examples
Code examples that accompany the MDN Firefox Developer Tools documentation https://developer.mozilla.org/en-US/docs/Tools
* The "animation-inspector" directory contains some examples created to demonstrate features of the Firefox devtools Animation Inspector. See [https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Further_information_about_animation_compositing](https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Further_information_about_animation_compositing) for more details.
* The "sourcemaps-in-console" directory contains a demonstration of source map support in Firefox Developer Tools. See the MDN article [Use a source map](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map) and the [live example](https://mdn.github.io/devtools-examples/sourcemaps-in-console/).
* The "whitespace-only-demo" directory shows how the Firefox Developer Tools display whitespace-only text nodes. See the MDN article [Whitespace-only text nodes](https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Whitespace-only_text_nodes) and the [live example](https://mdn.github.io/devtools-examples/whitespace-only-demo/).