DevTools: NetworkPanel: make websocket frames table "live".

Source/devtools/front_end/sdk/NetworkRequest.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 61 matching lines @@
     /** @type {string} */
     this.connectionId = "0";
 }
 
 WebInspector.NetworkRequest.Events = {
     FinishedLoading: "FinishedLoading",
     TimingChanged: "TimingChanged",
     RemoteAddressChanged: "RemoteAddressChanged",
     RequestHeadersChanged: "RequestHeadersChanged",
     ResponseHeadersChanged: "ResponseHeadersChanged",
+    WebsocketFrameAdded: "WebsocketFrameAdded",
 }
 
 /** @enum {string} */
 WebInspector.NetworkRequest.InitiatorType = {
     Other: "other",
     Parser: "parser",
     Redirect: "redirect",
     Script: "script"
 }
 
@@ skipping 882 matching lines @@
     {
         return this._frames;
     },
 
     /**
      * @param {string} errorMessage
      * @param {number} time
      */
     addFrameError: function(errorMessage, time)
     {
-        this._frames.push({ type: WebInspector.NetworkRequest.WebSocketFrameType.Error, text: errorMessage, time: time, opCode: -1, mask: false });
+        this._addFrame({ type: WebInspector.NetworkRequest.WebSocketFrameType.Error, text: errorMessage, time: time, opCode: -1, mask: false });
     },
 
     /**
      * @param {!NetworkAgent.WebSocketFrame} response
      * @param {number} time
      * @param {boolean} sent
      */
     addFrame: function(response, time, sent)
     {
         var type = sent ? WebInspector.NetworkRequest.WebSocketFrameType.Send : WebInspector.NetworkRequest.WebSocketFrameType.Receive;
-        this._frames.push({ type: type, text: response.payloadData, time: time, opCode: response.opcode, mask: response.mask });
+        this._addFrame({ type: type, text: response.payloadData, time: time, opCode: response.opcode, mask: response.mask });
+    },
+
+    /**
+     * @param {!WebInspector.NetworkRequest.WebSocketFrame} frame
+     */
+    _addFrame: function(frame)
+    {
+        this._frames.push(frame);
+        this.dispatchEventToListeners(WebInspector.NetworkRequest.Events.WebsocketFrameAdded, frame);
     },
 
     __proto__: WebInspector.SDKObject.prototype
 }