English
See more
Tool for debugging Ember applications.
Latest Version
Version
4.13.1
Update
July 30, 2024
Size
3.49MiB
Developer
www.emberjs.com
Category
Users
30,000+ 
Rating
4.8058 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ContextMenus
See more
ContextMenus
Ember Inspector Extension
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.
Read more
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.
Source 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.13.1", "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": [ "*://*/*" ] } ]}
Read more
