What are the main features of emberjs/ember-inspector?

The main features of emberjs/ember-inspector are: Web Application Debugging, Framework Inspectors, Object Store Serialisers, Browser Extension Development, Inspection Bridges, Ember Debuggers, Browser Developer Tools, Browser DevTools Panel Extensions.

Ember Inspector - debug Ember apps

Name: emberjs/ember-inspector
Author: emberjs

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.

Features

Web Application Debugging - Adds a dedicated tab to browser developer tools for examining and debugging internal component trees, objects, and data stores of running web applications.
Framework Inspectors - Provides a developer tool for inspecting component hierarchies, services, data stores, and object states in web applications.
Object Store Serialisers - Extracts and serialises live application objects, component trees, and data stores from the running runtime environment into the inspection UI.
Browser Extension Development - Ships a browser extension that adds a dedicated debugging tab to inspect application state, component trees, and internal objects.
Inspection Bridges - Exchanges debugging commands and state updates between the inspected application page and the developer tools panel via background scripts.
Ember Debuggers - Inspects and debugs internal component trees, data stores, and objects in running web applications built with Ember.
Browser Developer Tools - Adds custom debugging tabs and interfaces to standard browser developer tools for web application development.
Browser DevTools Panel Extensions - Renders a custom debugging panel inside browser developer tools by communicating with the hosting browser extension API.
Bookmarklet Injection Tools - Injects debugging tools into any browser session dynamically through a saved script snippet when extension installation is unavailable.
Script Injections - Injects debugging scripts directly into running web page sessions through a saved bookmarklet snippet when extension installation is unavailable.

requestly/requestly

6,341View on GitHub

scriptscat/scriptcat

4,122View on GitHub

Scriptcat is a user script manager and browser extension designed to install, execute, and manage custom JavaScript scripts to modify website behavior and extend browser functionality. It features a JavaScript sandbox environment that provides specialized APIs for storage, cookies, and system notifications, alongside a cloud-synced script repository to keep subscriptions and configurations consistent across multiple devices. The project includes an in-browser script editor for writing, testing, and debugging code directly within the browser. It also incorporates a cross-domain request engine

sxei/chrome-plugin-demo

8,674View on GitHub

《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验

mdn/webextensions-examples

4,447View on GitHub

This project is a reference library and collection of practical code samples for building browser extensions using WebExtensions APIs. It provides implementation guides and functional examples for core extension components, including content scripts, background processes, and browser action popups. The repository focuses on demonstrating specific implementation patterns for browser UI customization and web page manipulation. It includes samples for creating sidebars, context menus, and options pages, as well as techniques for injecting scripts and styles to alter DOM elements and page appeara

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验

mdn/webextensions-examples

4,447View on GitHub

emberjsember-inspector

Ember Inspector

Features