DevTools: Address empty query parameters being displayed fugly.

third_party/WebKit/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 105 matching lines @@
             value = value.replace(/\+/g, " ");
             if (value.indexOf("%") >= 0) {
                 try {
                     value = decodeURIComponent(value);
                 } catch (e) {
                     errorDecoding = true;
                 }
             }
         }
         var div = createElementWithClass("div", className);
+        if (value === "")
+            div.classList.add("empty-value");
         if (errorDecoding)
             div.createChild("span", "error-message").textContent = WebInspector.UIString("(unable to decode value)");
         else
             div.textContent = value;
         return div;
     },
 
     _refreshURL: function()
     {
         this._urlItem.title = this._formatHeader(WebInspector.UIString("Request URL"), this._request.url);
@@ skipping 82 matching lines @@
             return;
         }
 
         var toggleTitle = this._decodeRequestParameters ? WebInspector.UIString("view URL encoded") : WebInspector.UIString("view decoded");
         var toggleButton = this._createToggleButton(toggleTitle);
         toggleButton.addEventListener("click", this._toggleURLDecoding.bind(this), false);
         paramsTreeElement.listItemElement.appendChild(toggleButton);
 
         for (var i = 0; i < params.length; ++i) {
             var paramNameValue = createDocumentFragment();
-            var name = this._formatParameter(params[i].name + ":", "header-name", this._decodeRequestParameters);
-            var value = this._formatParameter(params[i].value, "header-value source-code", this._decodeRequestParameters);
-            paramNameValue.appendChild(name);
-            paramNameValue.appendChild(value);
+            if (params[i].name !== "") {
+                var name = this._formatParameter(params[i].name + ":", "header-name", this._decodeRequestParameters);
+                var value = this._formatParameter(params[i].value, "header-value source-code", this._decodeRequestParameters);
+                paramNameValue.appendChild(name);
+                paramNameValue.appendChild(value);
+            } else {
+                paramNameValue.appendChild(this._formatParameter(WebInspector.UIString("(empty)"), "empty-request-header", this._decodeRequestParameters));
+            }
 
-            var parmTreeElement = new TreeElement(paramNameValue);
-            parmTreeElement.selectable = false;
-            paramsTreeElement.appendChild(parmTreeElement);
+            var paramTreeElement = new TreeElement(paramNameValue);
+            paramTreeElement.selectable = false;
+            paramsTreeElement.appendChild(paramTreeElement);
         }
     },
 
     /**
      * @param {*} parsedObject
      * @param {string} sourceText
      */
     _refreshRequestJSONPayload: function(parsedObject, sourceText)
     {
         var treeElement = this._requestPayloadCategory;
@@ skipping 272 matching lines @@
         this._expandedSetting.set(true);
     },
 
     oncollapse: function()
     {
         this._expandedSetting.set(false);
     },
 
     __proto__: TreeElement.prototype
 }