DevTools: show HTTP headers of cached resources in network panel.

Source/devtools/front_end/network/RequestHeadersView.js

Index: Source/devtools/front_end/network/RequestHeadersView.js
diff --git a/Source/devtools/front_end/network/RequestHeadersView.js b/Source/devtools/front_end/network/RequestHeadersView.js
index 3dfe1398a292de30b4eee643f5c4fa2b34b43c25..ab7911b4beb25112d2ded5e52ac1684bd79af508 100644
--- a/Source/devtools/front_end/network/RequestHeadersView.js
+++ b/Source/devtools/front_end/network/RequestHeadersView.js
@@ -376,6 +376,8 @@ WebInspector.RequestHeadersView.prototype = {
 
     _refreshHTTPInformation: function()
     {
+        this.element.classList.toggle("cached", this._request.cached);
+
         var requestMethodElement = this._requestMethodTreeElement;
         requestMethodElement.hidden = !this._request.statusCode;
         var statusCodeElement = this._statusCodeTreeElement;
@@ -397,10 +399,10 @@ WebInspector.RequestHeadersView.prototype = {
 
             requestMethodElement.title = this._formatHeader(WebInspector.UIString("Request Method"), this._request.requestMethod);
 
-            var value = statusCodeFragment.createChild("div", "header-value source-code");
-            value.textContent = this._request.statusCode + " " + this._request.statusText;
+            var status = this._request.statusCode + " " + this._request.statusText;
             if (this._request.cached)
-                value.createChild("span", "status-from-cache").textContent = " " + WebInspector.UIString("(from cache)");
+                status += " " + WebInspector.UIString("(from cache)");
+            statusCodeFragment.createChild("div", "header-value source-code").textContent = status;
 
             statusCodeElement.title = statusCodeFragment;
         }
@@ -424,15 +426,17 @@ WebInspector.RequestHeadersView.prototype = {
      * @param {string} title
      * @param {!Array.<!WebInspector.NetworkRequest.NameValue>} headers
      * @param {!TreeElement} headersTreeElement
-     * @param {boolean=} showCaution
+     * @param {boolean=} provisionalHeaders
      */
-    _refreshHeaders: function(title, headers, headersTreeElement, showCaution)
+    _refreshHeaders: function(title, headers, headersTreeElement, provisionalHeaders)
     {
         headersTreeElement.removeChildren();
 
         var length = headers.length;
         this._refreshHeadersTitle(title, headersTreeElement, length);
 
+        var showCaution = provisionalHeaders && !this._request.cached;

[vsevik, 2014/06/02 14:49:27]

I think we should always show this warning for provisional headers.

[eustas, 2014/06/03 05:56:42]

Done.

+
         if (showCaution) {
             var cautionText = WebInspector.UIString("Provisional headers are shown");
             var cautionFragment = document.createDocumentFragment();