What is Ember Inspector?

Ember Inspector is a Chrome extension developed by https://www.emberjs.com, and its main feature is "Tool for debugging Ember applications.".

Extension Screenshots

Download Ember Inspector Extension CRX File

Download Ember Inspector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

The Ember Inspector is a plug-in for the Chrome developer tools that makes understanding and debugging your Ember.js application a snap.

After installing this extension, you'll be able to easily:

- View all of the routes defined in your application.
- Reference Ember's naming conventions for your URLs, including what to name your controllers, templates, routes and more.
- Overlay your application with information about what templates, controllers, and models are currently being rendered.
- Inspect the objects in your application, such as models and controllers, with UI that fully supports Ember features such as bindings and computed properties.
- Make your application's objects available in the console as the $E variable.
- If you're using Ember Data, see all of the records that have been loaded.

The Ember Inspector is an open source project maintained by the Ember.js community. The source code is available for download at https://github.com/emberjs/ember-inspector.

Extension Basic Information

Name	Ember Inspector
ID	bmdblncegkenkacieihfhpjfppoconhi
Official URL	https://chromewebstore.google.com/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi
Description	Tool for debugging Ember applications.
File Size	3.49 MB
Installation Count	39,052
Current Version	4.11.0
Last Updated	2024-02-08
Publish Date	2020-05-15
Rating	4.79/5 Total 345 Ratings
Developer	https://www.emberjs.com
Email	[email protected]
Payment Type	free
Extension Website	http://www.emberjs.com
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Ember Inspector", "description": "Tool for debugging Ember applications.", "version": "4.11.0", "icons": { "16": "panes-3-16-0\/assets\/images\/icon16.png", "38": "panes-3-16-0\/assets\/images\/icon38.png", "48": "panes-3-16-0\/assets\/images\/icon48.png", "128": "panes-3-16-0\/assets\/images\/icon128.png" }, "permissions": [ "storage", "contextMenus" ], "host_permissions": [ "" ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "content_scripts": [ { "matches": [ "" ], "js": [ "boot.js" ], "world": "MAIN", "run_at": "document_start", "match_about_blank": true, "all_frames": true }, { "matches": [ "" ], "js": [ "content-script.js" ], "run_at": "document_end", "match_about_blank": true, "all_frames": true } ], "devtools_page": "devtools.html", "action": { "default_icon": { "19": "panes-3-16-0\/assets\/images\/icon19_grey.png", "38": "panes-3-16-0\/assets\/images\/icon38_grey.png" }, "default_title": "This webpage is not running Ember.js" }, "background": { "service_worker": "background.js" }, "browser_specific_settings": { "gecko": { "id": "[email protected]" } }, "options_ui": { "page": "options-dialog.html" }, "web_accessible_resources": [ { "resources": [ "scripts\/in-page-script.js", "panes-\/ember_debug.js" ], "matches": [ ":\/\/\/" ] } ] }