Chrome DevTools extension for debugging Lavaca apps.
JavaScript CSS Other
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.bowerrc
.editorconfig
.gitignore
.jshintrc
README.md
bower.json
manifest.json

README.md

Lavaca DevTools

Chrome DevTools extension for debugging Lavaca apps. Adds a Lavaca tab to chrome dev tools that allows you to visualize view hierarchy, inspect models, and view defined routes. This extension also adds a view and model sidebar to the elements panel for quick debugging.

Chrome Web Store

Download

Manual Installation

  • Clone the repository
  • run bower install
  • Visit chrome://extensions in chrome
  • Make sure Developer mode is checked
  • Click on 'Load unpacked extension...'
  • Choose the folder of the cloned repo
  • Close and re-open developer tools if it's already open

Panel

Visualize your application's view hierarchy and inspect the models associated with the rendered views. View Panel

View the data associated with the defined routes for your application. Including the pattern, controller type, controller action, and additional parameters. Routes Panel

Sidebar

Exposes the current view and model in the selected elements scope. Defauts to the view on the highest layer. Sidebar

Console

Exposes two variables to the console

  • $view The current view in the selected elements scope. Defaults to the view on the highest layer.
  • $model The current view's model in the selected elements scope. Defaults to the model of the view on the highest layer.