flightjs / flight-inspector

Chrome DevTools extension for developing with Twitter's FlightJS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

License:MIT License


Languages

Language:JavaScript 97.9%Language:CSS 2.1%