Adds an Ember tab to the browser's Developer Tools that allows you to inspect Ember objects in your application.
Adds an Ember tab to the browser's Developer Tools that allows you to inspect Ember objects in your application.
Install the extension from the Chrome Web Store.
OR:
pnpm add -g ember-cli
pnpm install
pnpm build
to build the dist
directorychrome://extensions
in ChromeDeveloper mode
is checkeddist/chrome
folder in the cloned repoInstall the Firefox addon.
OR:
pnpm add -g ember-cli
pnpm install
pnpm build
to build the dist
directoryabout:debugging#/runtime/this-firefox
in Firefoxdist/firefox/manifest.json
file in the cloned repopnpm add -g ember-cli
pnpm install
pnpm build
to build the dist
directorychrome://extensions
in OperaDeveloper mode
is checkeddist/chrome
folder in the cloned repojavascript: (function() { var s = document.createElement('script'); s.src = '//ember-extension.s3.amazonaws.com/dist_bookmarklet/load_inspector.js'; document.body.appendChild(s); }());
Internet explorer will open an iframe instead of a popup due to the lack of support for cross-origin messaging.
For development:
pnpm serve:bookmarklet
javascript: (function() { var s = document.createElement('script'); s.src = 'http://localhost:9191/bookmarklet/load_inspector.js'; document.body.appendChild(s); }());
Run pnpm install && pnpm add -g ember-cli
to install the required modules.
pnpm build
to build the files in the dist
directorypnpm watch
To watch the files and re-build in dist
when anything changes (useful during development).pnpm test
To run the tests in the terminalpnpm start
To start the test server at localhost:4200/testing/tests
See RELEASE.md
We can take a snapshot of the current inspector version to support a specific Ember version range. This allows us to stop supporting old Ember versions in main without breaking the published inspector for old Ember apps. It works by serving a different inspector version based on the current app's Ember version.
The Ember versions supported by the current inspector are indicated in the emberVersionsSupported
array in package.json
.
Here are the steps to lock an inspector version:
main
. Skip this step if there are not new commits after the last release.config/secrets.json
file with the correct AWS credentials to push to S3. You can use config/secrets.json.sample
as a starting point.main
) named after the Ember version range that will be supported by this branch. The min version in the range is the first element in the emberVersionsSupported
array in package.json
. The max version in the range is the first version that will not be supported. For example, a branch named ember-0.0.0-2.7.0
means it supports Ember 0.0.0 -> 2.6.0, and a branch named ember-2.7.0-3.4.0
means it supports Ember 2.7.0 -> Ember 3.3.2.package.json
's emberVersionsSupported
: add a second element that indicates the minimum Ember version the main
branch will not support.pnpm lock-version
. This will build, and compress the panes.panes-x-x-x
main
branch.package.json
's previousEmberVersionsSupported
: add the first Ember version supported by the recently locked snapshot (the first element in the emberVersionsSupported
array).package.json
's emberVersionsSupported
: Take the last element from previousEmberVersionsSupported
and set it as the first element in this array. Set an empty string as the second element to indicate there's currently no maximum Ember version supported yet. emberVersionsSupported
array length should always be 2
indicating a [min, max] range.Below is an example scenario that assumes the current main
branch supports Ember version 2.7.0+ and we want to lock the version such that main
will support 3.4.0+. It also assumes the last Ember Inspector version released was 3.9.0.
3.10.0
if there are unreleased commits in main
.main
called ember-2.7.0-3.4.0
.package.json
's emberVersionsSupported
from ["2.7.0", ""]
to ["2.7.0", "3.4.0"]
.pnpm lock-version
.main
branch.lock-3.4.0
(branch name here is not important).package.json
's previousEmberVersionsSupported
from ["0.0.0"]
to ["0.0.0", "2.7.0"]
.package.json
's emberVersionsSupported
from ["2.7.0", ""]
to ["3.4.0", ""]
.main
.The Ember Inspector uses window messages, so if you are using window messages in your application code, make sure you verify the sender and add checks to your event listener so as not to conflict with the inspector's messages.