DevTools: WebSocketFrameView - Add frames display control toolbar

third_party/WebKit/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 1033 matching lines @@
     return this._initiator;
   }
 
   /**
    * @return {!Array.<!SDK.NetworkRequest.WebSocketFrame>}
    */
   frames() {
     return this._frames;
   }
 
+  clearFrames() {
+    this._frames = [];

[allada, 2017/04/10 19:39:15]

We cannot clear frames here this way because SDK.NetworkRequest is shared and if
the frames are cleared like this here, it'd clear them in other locations as
well (silently too).

I will suggest that we remove this part entirely and instead maintain an index
offset position of this array in ResourceWebSocketFrameView.js of what frame
index we should start displaying.

+  }
+
   /**
    * @param {string} errorMessage
    * @param {number} time
    */
   addFrameError(errorMessage, time) {
     this._addFrame({
       type: SDK.NetworkRequest.WebSocketFrameType.Error,
       text: errorMessage,
       time: this.pseudoWallTime(time),
       opCode: -1,
@@ skipping 84 matching lines @@
   Send: 'send',
   Receive: 'receive',
   Error: 'error'
 };
 
 /** @typedef {!{type: SDK.NetworkRequest.WebSocketFrameType, time: number, text: string, opCode: number, mask: boolean}} */
 SDK.NetworkRequest.WebSocketFrame;
 
 /** @typedef {!{time: number, eventName: string, eventId: string, data: string}} */
 SDK.NetworkRequest.EventSourceMessage;