Skip to content

Chrome DevTools extension for developing with Twitter's FlightJS

License

Notifications You must be signed in to change notification settings

flightjs/flight-inspector

Repository files navigation

Flight Inspector

Warning: WIP

Devtools extension for developing with Twitter's Flight framework. Currently works with standalone Flight or unbuilt AMD Flight (where require is still exposed in the page), preferably in debug mode.

If you don't have debug mode on, you can use a patched version of Flight.

You will also need the #enable-javascript-harmony flag on in Chrome.

Installing from Source

  1. Clone the repository: git clone git://github.com/flightjs/flight-inspector
  2. Navigate to chrome://chrome/extensions/ and enable Developer Mode.
  3. Choose "Load unpacked extension"
  4. Open the directory you just cloned (should open with Chrome, otherwise try dragging/dropping the file into Chrome) and follow the prompts to install.

(Planned) Features

  • Show which components are attached to which elements via sidebar
  • Show when events are firing (visualisation)
  • Allow captured events to be inspected
  • Isolate detatched components to help debug memory leaks
  • Group synchronous events
  • Dependency graphs and mixin use visualisation
  • Performance inspection
  • Highlight all instances of a component

Authors

License

Copyright 2013 Twitter, Inc and other contributors.

Licensed under the MIT License

About

Chrome DevTools extension for developing with Twitter's FlightJS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published