blob42
/
angularjs-batarang
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
master
test-unit-sauce
v0.3.0
v0.3.1
v0.3.2
v0.4.0
v0.4.1
v0.4.2
v0.4.3
v0.5.0
v0.6.0
v0.6.1
v0.7.0
v0.7.1
v0.7.2
v0.7.3
v0.7.4
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'f81ebb4701'
${ noResults }
angularjs-batarang/ARCHITECTURE.md

744 B
Raw Blame History Unescape Escape

Batarang Architecture

This document describes the different parts of Batarang and how they interact. This is intended for anyone that wants to contribute to or improve Batarang.

Parts

Chrome Devtools Pane

Dispays stuff

Instrumentation

Hooks into the app to give you stats and access to the models

Background Page

  • Lets us communicate between app and devtools pane
  • Stores state

Bootstrap

How does Batarang start?

  1. manifest.json – ...
  2. content script
  • crazy bootstrap
  1. embeds <script> into the app's <head>
  2. proxy elt
  3. app context patches angular
  4. emits events to content script
  5. content script sends messages to the backgroung page
  6. backgroung page emits events to the devtools pane