DevTools: Prettify websocket frames preview on Network pane.

third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js

Index: third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js
diff --git a/third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js b/third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js
index 63105e2811a0aa4884e69e74c1697095bdf94cf5..b94d8deb8dd46b9146a6a8953310c9f3b9265a73 100644
--- a/third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js
+++ b/third_party/WebKit/Source/devtools/front_end/network/ResourceWebSocketFrameView.js
@@ -118,12 +118,22 @@ WebInspector.ResourceWebSocketFrameView.prototype = {
     _onFrameSelected: function(event)
     {
         var selectedNode = /** @type {!WebInspector.ResourceWebSocketFrameNode} */ (event.target.selectedNode);
-        if (this._messageView)
-            this._messageView.detach();
-        if (this._dataView)
-            this._dataView.detach();
-        this._dataView = new WebInspector.ResourceSourceFrame(selectedNode.contentProvider());
-        this._splitWidget.setSidebarWidget(this._dataView);
+        var contentProvider = selectedNode.contentProvider();

[caseq, 2015/11/20 22:23:41]

nit: drop the var?

[alph, 2015/11/20 22:38:46]

noway

+        contentProvider.requestContent(contentReady.bind(this));
+        /**
+         * @this {WebInspector.ResourceWebSocketFrameView}

[caseq, 2015/11/20 22:23:41]

nit: @param, then @this?

[alph, 2015/11/20 22:38:46]

Done.

+         * @param {?string} content
+         */
+        function contentReady(content)
+        {
+            if (this._messageView)

[caseq, 2015/11/20 22:23:41]

s/this._messageView/this._currentView/ and nuke the this._dataView, then remove
conditional here.

[alph, 2015/11/20 22:38:46]

I can go deeper.

+                this._messageView.detach();
+            if (this._dataView)
+                this._dataView.detach();
+            var parsedJSON = content ? WebInspector.JSONView.parseJSON(content) : null;
+            this._dataView = parsedJSON ? new WebInspector.JSONView(parsedJSON) : new WebInspector.ResourceSourceFrame(contentProvider);
+            this._splitWidget.setSidebarWidget(this._dataView);
+        }
     },
 
     refresh: function()