Firebase network activity

Question

When using Firebase on the client (Chrome/Firefox) with these scripts:

    <!-- Firebase -->
    <script src="https://cdn.firebase.com/js/client/1.0.15/firebase.js"></script>
    <!-- AngularFire Library -->
    <script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>

And this code:

.controller('WaitlistController', ['$scope', '$firebase', function($scope, $firebase) {
    var partiesRef = new Firebase('https://wait-and-eat-justin.firebaseio.com/');

    $scope.parties = $firebase(partiesRef);

    $scope.party = {name: '', phone: '', size: ''};

    $scope.saveParty = function() {
        $scope.parties.$add($scope.party);
        $scope.party = {name: '', phone: '', size: ''};
    };
}]);

Everything works just fine (ie. Firebase receives updates), BUT I don't see any network traffic in the Chrome Developer tools nor the Firebug debugger for Firefox. Why can't I see the Firebase network traffic? I am assuming its using Websockets.

Answer 1

Firebase uses Websockets. If you select WS or WebSockets on your Network tab, and refresh the page, you should see something.
In my case it was loading very early in the page, so it's easy to miss.