Add the http cache info to chrome://net2.

chrome/browser/resources/net_internals/main.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.
 
 /**
  * Dictionary of constants (initialized by browser).
  */
 var LogEventType = null;
 var LogEventPhase = null;
 var LogSourceType = null;
@@ skipping 48 matching lines @@
 
   // Create a view which will display import/export options to control the
   // captured data.
   var dataView = new DataView("dataTabContent", "exportToJson", "exportToText");
 
   // Create a view which will display the results and controls for connection
   // tests.
   var testView = new TestView("testTabContent", "testUrlInput", "testStart",
                               "testSummary");
 
+  var httpCacheView = new HttpCacheView("httpCacheTabContent",
+                                        "reloadHttpCacheListing",
+                                        "httpCacheStats",
+                                        "httpCacheListing");
+
   // Create a view which lets you tab between the different sub-views.
   var categoryTabSwitcher =
       new TabSwitcherView(new DivView('categoryTabHandles'));
 
   // Populate the main tabs.
   categoryTabSwitcher.addTab('requestsTab', requestsView, false);
   categoryTabSwitcher.addTab('proxyTab', proxyView, false);
   categoryTabSwitcher.addTab('dnsTab', dnsView, false);
   categoryTabSwitcher.addTab('socketsTab', new DivView('socketsTabContent'),
                              false);
-  categoryTabSwitcher.addTab('httpCacheTab',
-                             new DivView('httpCacheTabContent'), false);
+  categoryTabSwitcher.addTab('httpCacheTab', httpCacheView, false);
   categoryTabSwitcher.addTab('dataTab', dataView, false);
   categoryTabSwitcher.addTab('testTab', testView, false);
 
   // Build a map from the anchor name of each tab handle to its "tab ID".
   // We will consider navigations to the #hash as a switch tab request.
   var anchorMap = {};
   var tabIds = categoryTabSwitcher.getAllTabIds();
   for (var i = 0; i < tabIds.length; ++i) {
     var aNode = document.getElementById(tabIds[i]);
     anchorMap[aNode.hash] = tabIds[i];
@@ skipping 23 matching lines @@
 /**
  * This class provides a "bridge" for communicating between the javascript and
  * the browser.
  *
  * @constructor
  */
 function BrowserBridge() {
   // List of observers for various bits of browser state.
   this.logObservers_ = [];
   this.connectionTestsObservers_ = [];
+  this.httpCacheInfoObservers_ = [];
   this.proxySettings_ = new PollableDataHelper('onProxySettingsChanged');
   this.badProxies_ = new PollableDataHelper('onBadProxiesChanged');
   this.hostResolverCache_ =
       new PollableDataHelper('onHostResolverCacheChanged');
 
   // Cache of the data received.
   // TODO(eroman): the controls to clear data in the "Requests" tab should be
   //               affecting this as well.
   this.passivelyCapturedEvents_ = [];
   this.activelyCapturedEvents_ = [];
@@ skipping 42 matching lines @@
 };
 
 BrowserBridge.prototype.sendClearHostResolverCache = function() {
   chrome.send('clearHostResolverCache');
 };
 
 BrowserBridge.prototype.sendStartConnectionTests = function(url) {
   chrome.send('startConnectionTests', [url]);
 };
 
+BrowserBridge.prototype.sendGetHttpCacheInfo = function() {
+  chrome.send('getHttpCacheInfo');
+};
+
 //------------------------------------------------------------------------------
 // Messages received from the browser
 //------------------------------------------------------------------------------
 
 BrowserBridge.prototype.receivedLogEntry = function(logEntry,
                                                     wasCapturedPassively) {
   if (!wasCapturedPassively) {
     this.activelyCapturedEvents_.push(logEntry);
   }
   for (var i = 0; i < this.logObservers_.length; ++i)
@@ skipping 58 matching lines @@
     this.connectionTestsObservers_[i].onCompletedConnectionTestExperiment(
         info.experiment, info.result);
   }
 };
 
 BrowserBridge.prototype.receivedCompletedConnectionTestSuite = function() {
   for (var i = 0; i < this.connectionTestsObservers_.length; ++i)
     this.connectionTestsObservers_[i].onCompletedConnectionTestSuite();
 };
 
+BrowserBridge.prototype.receivedHttpCacheInfo = function(info) {
+  for (var i = 0; i < this.httpCacheInfoObservers_.length; ++i)
+    this.httpCacheInfoObservers_[i].onHttpCacheInfoReceived(info);
+};
+
 //------------------------------------------------------------------------------
 
 /**
  * Adds a listener of log entries. |observer| will be called back when new log
  * data arrives, through:
  *
  *   observer.onLogEntryAdded(logEntry)
  */
 BrowserBridge.prototype.addLogObserver = function(observer) {
   this.logObservers_.push(observer);
@@ skipping 44 matching lines @@
  *   observer.onStartedConnectionTestSuite();
  *   observer.onStartedConnectionTestExperiment(experiment);
  *   observer.onCompletedConnectionTestExperiment(experiment, result);
  *   observer.onCompletedConnectionTestSuite();
  */
 BrowserBridge.prototype.addConnectionTestsObserver = function(observer) {
   this.connectionTestsObservers_.push(observer);
 };
 
 /**
+ * Adds a listener for the http cache info results.
+ * The observer will be called back with:
+ *
+ *   observer.onHttpCacheInfoReceived(info);
+ */
+BrowserBridge.prototype.addHttpCacheInfoObserver = function(observer) {
+  this.httpCacheInfoObservers_.push(observer);
+};
+
+/**
  * The browser gives us times in terms of "time ticks" in milliseconds.
  * This function converts the tick count to a Date() object.
  *
  * @param {String} timeTicks.
  * @returns {Date} The time that |timeTicks| represents.
  */
 BrowserBridge.prototype.convertTimeTicksToDate = function(timeTicks) {
   // Note that the subtraction by 0 is to cast to a number (probably a float
   // since the numbers are big).
   var timeStampMs = (this.timeTickOffset_ - 0) + (timeTicks - 0);
@@ skipping 55 matching lines @@
   if (prevData && JSON.stringify(prevData) == JSON.stringify(data))
     return;
 
   this.currentData_ = data;
 
   // Ok, notify the observers of the change.
   for (var i = 0; i < this.observers_.length; ++i)
     var observer = this.observers_[i];
     observer[this.observerMethodName_](data);
 };