Add custom formatting for the HTTP request headers.

chrome/browser/resources/net_internals/logviewpainter.js

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * TODO(eroman): This needs better presentation, and cleaner code. This
  *               implementation is more of a transitionary step as
  *               the old net-internals is replaced.
  */
 
@@ skipping 84 matching lines @@
         mainExtraCell.allowOverflow = true;
       }
     }
   }
 
   // Format the table for fixed-width text.
   return tablePrinter.toText();
 }
 
 function getTextForExtraParams(entry) {
+  // Format the extra parameters (use a custom formatter for certain types,
+  // but default to displaying as JSON).
+  switch (entry.type) {
+    case LogEventType.HTTP_TRANSACTION_SEND_REQUEST_HEADERS:
+    case LogEventType.HTTP_TRANSACTION_SEND_TUNNEL_HEADERS:
+      return getTextForRequestHeadersExtraParam(entry);
+
+    default:
+      var out = [];
+      for (var k in entry.extra_parameters) {
+        out.push(' --> ' + k + ' = ' +
+                 JSON.stringify(entry.extra_parameters[k]));
+      }
+      return out.join('\n');
+  }
+}
+
+function getTextForRequestHeadersExtraParam(entry) {
+  var params = entry.extra_parameters;
+
+  // We prepend spaces to each line to make it line up with the arrow.
+  var firstLinePrefix = " --> "
+  var prefix = "     ";
+
   var out = [];
-  for (var k in entry.extra_parameters) {
-    out.push(' --> ' + k + ' = ' + JSON.stringify(entry.extra_parameters[k]));
-  }
-  return out.join('\n');
+
+  // Strip the trailing CRLF that params.line contains.
+  var lineWithoutCRLF = params.line.replace(/\r\n$/g, '');
+  out.push(firstLinePrefix + lineWithoutCRLF);
+
+  // Concatenate all of the header lines.
+  for (var i = 0; i < params.headers.length; ++i)
+    out.push(prefix + params.headers[i]);
+
+  return out.join("\n");
 }
 
 function getTextForEvent(entry) {
   var text = '';
 
   if (entry.isBegin()) {
     text = '+' + text;
   } else if (entry.isEnd()) {
     text = '-' + text;
   } else {
     text = ' ';
   }
 
   text += getKeyWithValue(LogEventType, entry.orig.type);
   return text;
 }
 
 // End of anonymous namespace.
 })();