# emberjs/ember-inspector

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/emberjs-ember-inspector).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

970 stars · 291 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/emberjs/ember-inspector
- awesome-repositories: https://awesome-repositories.com/repository/emberjs-ember-inspector.md

## Topics

`chrome` `ember` `ember-inspector` `emberjs` `firefox` `hacktoberfest` `javascript`

## Description

Ember Inspector is a browser extension and developer tool that adds a dedicated debugging tab to standard web browser developer tools for examining running web applications built with Ember. It extracts and serialises live application objects, component trees, and data stores into an inspection interface, providing visibility into internal application state, services, and component hierarchies.

In addition to traditional extension packaging for major web browsers, the tool supports dynamic script injection through a saved bookmarklet snippet. This bookmarklet loader enables the debugging interface to be loaded into running web page sessions when standard extension installation is unavailable.

## Tags

### Web Development

- [Web Application Debugging](https://awesome-repositories.com/f/web-development/web-application-debugging.md) — Adds a dedicated tab to browser developer tools for examining and debugging internal component trees, objects, and data stores of running web applications. ([source](https://github.com/emberjs/ember-inspector/blob/main/README.md))
- [Browser Extension Development](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development.md) — Ships a browser extension that adds a dedicated debugging tab to inspect application state, component trees, and internal objects. ([source](https://github.com/emberjs/ember-inspector#readme))
- [Inspection Bridges](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions/message-passing-channels/extension-message-bridges/inspection-bridges.md) — Exchanges debugging commands and state updates between the inspected application page and the developer tools panel via background scripts.
- [Ember Debuggers](https://awesome-repositories.com/f/web-development/web-application-debugging/ember-debuggers.md) — Inspects and debugs internal component trees, data stores, and objects in running web applications built with Ember.
- [Bookmarklet Injection Tools](https://awesome-repositories.com/f/web-development/bookmarklet-subscription-tools/bookmarklet-injection-tools.md) — Injects debugging tools into any browser session dynamically through a saved script snippet when extension installation is unavailable. ([source](https://github.com/emberjs/ember-inspector/blob/main/README.md))
- [Script Injections](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/script-injections.md) — Injects debugging scripts directly into running web page sessions through a saved bookmarklet snippet when extension installation is unavailable.

### Development Tools & Productivity

- [Framework Inspectors](https://awesome-repositories.com/f/development-tools-productivity/web-view-inspectors/framework-inspectors.md) — Provides a developer tool for inspecting component hierarchies, services, data stores, and object states in web applications.
- [Browser Developer Tools](https://awesome-repositories.com/f/development-tools-productivity/browser-developer-tools.md) — Adds custom debugging tabs and interfaces to standard browser developer tools for web application development.
- [Browser DevTools Panel Extensions](https://awesome-repositories.com/f/development-tools-productivity/devtool-extensions/browser-devtools-panel-extensions.md) — Renders a custom debugging panel inside browser developer tools by communicating with the hosting browser extension API.

### Software Engineering & Architecture

- [Object Store Serialisers](https://awesome-repositories.com/f/software-engineering-architecture/abstract-syntax-tree-tools/internal-tree-representations/ui-component-model-trees/react-component-tree-mappings/live-tree-visualizers/object-store-serialisers.md) — Extracts and serialises live application objects, component trees, and data stores from the running runtime environment into the inspection UI.