Re-design the "data" tab on about:net-internals.

chrome/browser/resources/net_internals/capture_view.html

Index: chrome/browser/resources/net_internals/capture_view.html
===================================================================
--- chrome/browser/resources/net_internals/capture_view.html	(revision 94563)
+++ chrome/browser/resources/net_internals/capture_view.html	(working copy)
@@ -1,79 +1,36 @@
-<!-- Import/Export data -->
-<div id=dataTabContent>
+<div id=captureTabContent>
 
-<table width=100%>
-<tr>
-<td valign=top>
-  <div id=dataViewDumpDataDiv>
-    <h2>Dump data</h2>
-    <div style="margin: 8px">
-      <p><input id=securityStrippingCheckbox type=checkbox checked=yes>
-         Strip private information (cookies and credentials).
-      </p>
-      <p>
-        <a href="chrome://net-internals/help.html" target="_blank">
-          Help: How to get data for bug reports?
-        </a>
-      </p>
-      <button id=dataViewSaveLogFile class=bigButton>Dump to file</button>
-      <pre id=dataViewSaveStatusText></pre>
-    </div>
-  </div>
-  <div id=dataViewLoadedDiv style="display: none">
-    <h2>Data Loaded</h2>
-    <p id=dataViewLoadedClientInfoText></p>
-  </div>
-  <div>
-    <h2>Load data</h2>
-    <p><input type=file value="Load log from file" id=dataViewLoadLogFile /></p>
-    <pre id=dataViewLoadStatusText></pre>
-    <div style="margin: 8px">
-      <p>Either press the button above and select a file or drag a file onto
-         this window to load it.
-      </p>
-      <p>Works for both log dumps generated from this page with Chrome 14
-         and later, and with log files created with
-          "--log-net-log=file_name".  "--net-log-level=#" will set the
-          default log level used.
-      </p>
-      <p>Once a log is loaded, this page will stop collecting data, and will
-         only start gathering data again when
-         <a id="reloaded-link" href="#">reloaded</a>.
-      </p>
-    </div>
-  </div>
-</td>
+  <b>Network events generated by the browser are being captured to this window ...</b>
+  <table style="margin: 15px">
+    <tr>
+      <td>Passively captured events:</td>
+      <td align=right id=passivelyCapturedCount></td>
+    </tr>
+    <tr>
+      <td>Actively captured events:</td>
+      <td align=right id=activelyCapturedCount></td>
+    </tr>
+  </table>
+  <p>
+    <input type=button value="Delete all captured data" id=dataViewDeleteAll />
+  </p>
+  <p><input id=byteLoggingCheckbox type=checkbox />
+      Include the actual bytes sent/received (may result in huge logs).
+  </p>
 
-<td align=right valign=top>
-  <div class="capturingBox" id=dataViewCapturingBox>
-    <span id=dataViewCapturingTextSpan>
-      <b>Capturing all events...</b>
-    </span>
-    <span id=dataViewLoggingTextSpan style="display: none;">
-      <b>Viewing loaded log file.</b>
-    </span>
-    <table style="margin: 8px">
-      <tr>
-        <td>Passively&nbsp;captured:</td>
-        <td align=right id=passivelyCapturedCount></td>
-      </tr>
-      <tr>
-        <td>Actively captured:</td>
-        <td align=right id=activelyCapturedCount></td>
-      </tr>
-    </table>
-    <p class="hideOnLoadLog">
-      <input type=button value="Delete all" id=dataViewDeleteAll />
-    </p>
-    <p class="hideOnLoadLog"><input id=byteLoggingCheckbox type=checkbox />
-        Log actual bytes sent/received.
-    </p>
-  </div>
-</td>
+  <ul>
+    <li>
+    <b>TIP</b>: <a href="#" id=captureViewTipAnchor>logging from the command line</a>.
 
-</tr>
-</table>
+    <div style="display:none; margin-top: 10px" id=captureViewTipDiv>
+      Another way to capture network events is by using the command line flag:
+      <blockquote>
+        --log-net-log=<i>FILENAME</i> [ --net-log-level=<i>NUMBER</i> ]
+      </blockquote>
+      This will stream the network events directly to a file of your choosing. If you additionally want it to log the network bytes, then pass --net-log-level=0.
+    </div>
 
-<iframe style="display: none" id=dataViewDownloadIframe></iframe>
+    </li>
+  </ul>
 
 </div>