Update the metrics side bar pane and computed style pane after main frame resize.

Source/devtools/front_end/MetricsSidebarPane.js

Index: Source/devtools/front_end/MetricsSidebarPane.js
diff --git a/Source/devtools/front_end/MetricsSidebarPane.js b/Source/devtools/front_end/MetricsSidebarPane.js
index 7d97539e8a259df6f76d0b69c9a6e97a7f8cf1b6..a676f161605a9b8ac7b00cdb30c984de1a9794f4 100644
--- a/Source/devtools/front_end/MetricsSidebarPane.js
+++ b/Source/devtools/front_end/MetricsSidebarPane.js
@@ -38,6 +38,7 @@ WebInspector.MetricsSidebarPane = function()
     WebInspector.cssModel.addEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this._styleSheetOrMediaQueryResultChanged, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrModified, this._attributesUpdated, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrRemoved, this._attributesUpdated, this);
+    WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameResized, this._frameResized, this);
 }
 
 WebInspector.MetricsSidebarPane.prototype = {
@@ -88,6 +89,15 @@ WebInspector.MetricsSidebarPane.prototype = {
         this._innerUpdate();
     },
 
+    _frameResized: function()
+    {
+        function refreshContents()
+        {
+            this._innerUpdate();
+        }
+        setTimeout(refreshContents.bind(this), 0);

[pfeldman, 2013/11/28 15:25:36]

This will not throttle anything - it will call innerUpdate as many times as
frameResized is called. You want to setTimeout for 100ms and reschedule it if
frameResized comes while the timer is in flight.

+    },
+
     _attributesUpdated: function(event)
     {
         if (this.node !== event.data.node)