Make it possible to switch between views of the new net-internals page by usi...

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 LogEntryType = null;
 var LogEventType = null;
 var LogEventPhase = null;
@@ skipping 37 matching lines @@
                                 "proxyCurrentConfig",
                                 "proxyReloadSettings",
                                 "badProxiesTableBody",
                                 "clearBadProxies");
 
   // 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);
-  categoryTabSwitcher.addTab('proxyTab', proxyView);
-  categoryTabSwitcher.addTab('dnsTab', new DivView('dnsTabContent'));
-  categoryTabSwitcher.addTab('socketsTab', new DivView('socketsTabContent'));
+  categoryTabSwitcher.addTab('requestsTab', requestsView, false);
+  categoryTabSwitcher.addTab('proxyTab', proxyView, false);
+  categoryTabSwitcher.addTab('dnsTab', new DivView('dnsTabContent'), false);
+  categoryTabSwitcher.addTab('socketsTab', new DivView('socketsTabContent'),
+                             false);
   categoryTabSwitcher.addTab('httpCacheTab',
-                             new DivView('httpCacheTabContent'));
+                             new DivView('httpCacheTabContent'), false);
 
-  // Select the requests tab as the default.
-  categoryTabSwitcher.switchToTab('requestsTab');
+  // 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];
+  }
+  // Default the empty hash to the requests tab.
+  anchorMap['#'] = anchorMap[''] = 'requestsTab';
+
+  window.onhashchange = function() {
+    var tabId = anchorMap[window.location.hash];
+    if (tabId)
+      categoryTabSwitcher.switchToTab(tabId);
+  };
 
   // Make this category tab widget the primary view, that fills the whole page.
   var windowView = new WindowView(categoryTabSwitcher);
 
   // Trigger initial layout.
   windowView.resetGeometry();
 
+  // Select the initial view based on the current URL.
+  window.onhashchange();
+
   // Tell the browser that we are ready to start receiving log events.
   g_browser.sendReady();
 }
 
 /**
  * This class provides a "bridge" for communicating between the javascript and
  * the browser.
  *
  * @constructor
  */
@@ skipping 158 matching lines @@
   // If the data hasn't changed since last time, no need to notify observers.
   if (prevData && JSON.stringify(prevData) == JSON.stringify(data))
     return;
 
   this.prevPollData_[method] = data;
 
   // Ok, notify the observers of the change.
   for (var i = 0; i < observerList.length; ++i)
     observerList[i][method](data);
 };