Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript Handlebars CSS HTML

Merge pull request #417 from pangratz/fix_416

Guard against renderNode not being rendered yet
latest commit 769c0ca26e
@teddyzeenny teddyzeenny authored
Failed to load latest commit information.
app Fix sending view model to console
config Change the build process to build all targets at once
ember_debug Guard against renderNode not being rendered yet
public Add new deprecation tab
shared Changes where we find the Ember.libraries array of registered libs th…
skeleton_bookmarklet Change the build process to build all targets at once
skeleton_chrome Change the build process to build all targets at once
skeleton_firefox Change the build process to build all targets at once
tests Fix routes pane for Ember >= 1.13
vendor Update babel polyfill
.bowerrc Move to ember-cli
.editorconfig Upgrade to ember-cli 0.1.12
.ember-cli Move to ember-cli
.eslintrc Upgrading to lastest ember-cli-eslint
.gitignore Change the build process to build all targets at once
.jshintrc Upgrade to ember-cli 0.1.12
.npmignore Change the build process to build all targets at once
.travis.yml Update babel polyfill
Brocfile.js Add Babel support to ember-debug
CHANGELOG.md Add 1.8.1 changelog
CODE_OF_CONDUCT.md Add link to community guidelines as CODE_OF_CONDUCT.md.
Gruntfile.js Change the build process to build all targets at once
LICENSE Adds LICENSE file to address #112
README.md `run` is missing from a couple of build commands
bower.json Upgraded to ember-cli 0.2.0, tests are qunit 2.0 compatible
package.json Fix broccoli-babel-transpiler version to 5.1.0
testem.json Upgrade to ember-cli 0.1.12

README.md

Ember Inspector Build Status

Adds an Ember tab to Chrome or Firefox Developer Tools that allows you to inspect Ember objects in your application.

Installation

Chrome

Install the extension from the Chrome Web Store.

OR:

  • Clone the repository
  • cd into the repo directory
  • run npm install && bower install
  • run npm install -g ember-cli
  • run npm run build to build the dist directory
  • Visit chrome://extensions in chrome
  • Make sure Developer mode is checked
  • Click on 'Load unpacked extension...'
  • Choose the dist/chrome folder in the cloned repo
  • Close and re-open developer tools if it's already open

Firefox

Install the Firefox addon.

OR:

  • Clone the repository
  • cd into the repo directory
  • run npm install && bower install
  • run npm install -g ember-cli
  • run npm run build:xpi to build the dist directory, download Firefox Addon SDK and build Firefox Addon XPI to 'tmp/xpi/ember-inspector.xpi' or npm run run-xpi to run the Firefox Addon in a temporary profile (or use FIREFOX_BIN and FIREFOX_PROFILE to customize Firefox profile directory and Firefox binary used to run the extension)

Opera

  • Clone the repository
  • cd into the repo directory
  • run npm install
  • run npm install -g ember-cli
  • run npm run build to build the dist directory
  • Visit chrome://extensions in chrome
  • Make sure Developer mode is checked
  • Click on 'Load unpacked extension...'
  • Choose the dist/chrome folder in the cloned repo
  • Close and re-open developer tools if it's already open

Bookmarklet (All Browsers)

javascript: (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:

  • run npm run serve:bookmarklet
  • create a bookmark (make sure you unblock the popup when you run the bookmarklet):
javascript: (function() { var s = document.createElement('script'); s.src = 'http://localhost:9191/bookmarklet/load_inspector.js'; document.body.appendChild(s); }());

Building and Testing:

Run npm install && npm install -g ember-cli && && npm install -g bower && bower install && npm install -g grunt-cli to install the required modules.

  • npm run build to build the files in the dist directory
  • npm run watch To watch the files and re-build in dist when anything changes (useful during development).
  • npm test To run the tests in the terminal
  • npm run build:xpi to download and build Firefox Addon XPI into tmp/xpi/ember-inspector.xpi
  • npm run run-xpi to run the Firefox Addon XPI on a temporary new profile (or use FIREFOX_BIN and FIREFOX_PROFILE to customize Firefox profile directory and Firefox binary used to run the extension)
  • npm start To start the test server at localhost:4200/testing/tests

Deploy new version:

  • Update package.json to new version and run grunt version
  • npm run build:production
  • Publish dist/chrome/ember-inspector.zip to the Chrome web store
  • Publish tmp/xpi/ember-inspector.xpi to the Mozilla Addons
  • 'git checkout stable && git merge master' and push the stable branch (to update the bookmarklet)
  • npm publish ./
  • git tag the new version

Window Messages

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.

Something went wrong with that request. Please try again.