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

Source/devtools/front_end/network/RequestHeadersView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) IBM Corp. 2009  All rights reserved.
  * Copyright (C) 2010 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 379 matching lines @@
 
             if (this._request.statusCode < 300 || this._request.statusCode === 304)
                 statusCodeImage.classList.add("green-ball");
             else if (this._request.statusCode < 400)
                 statusCodeImage.classList.add("orange-ball");
             else
                 statusCodeImage.classList.add("red-ball");
 
             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;
-            if (this._request.cached)
-                value.createChild("span", "status-from-cache").textContent = " " + WebInspector.UIString("(from cache)");
+            var statusTextElement = statusCodeFragment.createChild("div", "header-value source-code");
+            var statusText = this._request.statusCode + " " + this._request.statusText;
+            if (this._request.cached) {
+                statusText += " " + WebInspector.UIString("(from cache)");
+                statusTextElement.classList.add("status-from-cache");
+            }
+            statusTextElement.textContent = statusText;
 
             statusCodeElement.title = statusCodeFragment;
         }
     },
 
     /**
      * @param {string} title
      * @param {!TreeElement} headersTreeElement
      * @param {number} headersLength
      */
     _refreshHeadersTitle: function(title, headersTreeElement, headersLength)
     {
         headersTreeElement.listItemElement.removeChildren();
         headersTreeElement.listItemElement.createTextChild(title);
 
         var headerCount = WebInspector.UIString(" (%d)", headersLength);
         headersTreeElement.listItemElement.createChild("span", "header-count").textContent = headerCount;
     },
 
     /**
      * @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);
 
-        if (showCaution) {
+        if (provisionalHeaders) {
             var cautionText = WebInspector.UIString("Provisional headers are shown");
             var cautionFragment = document.createDocumentFragment();
             cautionFragment.createChild("div", "warning-icon-small");
             cautionFragment.createChild("div", "caution").textContent = cautionText;
             var cautionTreeElement = new TreeElement(cautionFragment);
             cautionTreeElement.selectable = false;
             headersTreeElement.appendChild(cautionTreeElement);
         }
 
-        headersTreeElement.hidden = !length && !showCaution;
+        headersTreeElement.hidden = !length && !provisionalHeaders;
         for (var i = 0; i < length; ++i) {
             var headerTreeElement = new TreeElement(this._formatHeader(headers[i].name, headers[i].value));
             headerTreeElement.selectable = false;
             headersTreeElement.appendChild(headerTreeElement);
         }
     },
 
     /**
      * @param {string} title
      * @param {number} count
@@ skipping 50 matching lines @@
      * @return {!Element}
      */
     _createHeadersToggleButton: function(isHeadersTextShown)
     {
         var toggleTitle = isHeadersTextShown ? WebInspector.UIString("view parsed") : WebInspector.UIString("view source");
         return this._createToggleButton(toggleTitle);
     },
 
     __proto__: WebInspector.VBox.prototype
 }