[Storage] Cache storage inspection on all the frames!

Source/devtools/front_end/resources/ServiceWorkerCacheViews.js

 // Copyright 2014 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.ServiceWorkerCacheModel} model
- * @param {!WebInspector.ServiceWorkerCacheModel.CacheId} cacheId
  * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache
  */
-WebInspector.ServiceWorkerCacheView = function(model, cacheId, cache)
+WebInspector.ServiceWorkerCacheView = function(model, cache)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("resources/serviceWorkerCacheViews.css");
 
     this._model = model;
-    this._cacheId = cacheId;
 
     this.element.classList.add("service-worker-cache-data-view");
     this.element.classList.add("storage-view");
 
     this._createEditorToolbar();
 
     this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
     this._refreshButton.addEventListener("click", this._refreshButtonClicked, this);
 
     this._pageSize = 50;
@@ skipping 55 matching lines @@
         if (this._dataGrid)
             this._dataGrid.detach();
         this._dataGrid = this._createDataGrid();
         this._dataGrid.show(this.element);
 
         this._skipCount = 0;
         this._updateData(true);
     },
 
     /**
+     * @param {number} skipCount
+     * @param {!Array.<!WebInspector.ServiceWorkerCacheModel.Entry>} entries
+     * @param {boolean} hasMore
+     * @this {WebInspector.ServiceWorkerCacheView}
+     */
+    _updateDataCallback(skipCount, entries, hasMore)
+    {
+        this._refreshButton.setEnabled(true);
+        this.clear();
+        this._entries = entries;
+        for (var i = 0; i < entries.length; ++i) {
+            var data = {};
+            data["number"] = i + skipCount;
+            data["request"] = entries[i].request;
+            data["response"] = entries[i].response;
+            var node = new WebInspector.SWCacheDataGridNode(data);
+            this._dataGrid.rootNode().appendChild(node);
+        }
+        this._pageBackButton.setEnabled(!!skipCount);
+        this._pageForwardButton.setEnabled(hasMore);
+    },
+
+    /**
      * @param {boolean} force
      */
     _updateData: function(force)
     {
         var pageSize = this._pageSize;
         var skipCount = this._skipCount;
         this._refreshButton.setEnabled(false);
 
         if (!force && this._lastPageSize === pageSize && this._lastSkipCount === skipCount)
             return;
 
         if (this._lastPageSize !== pageSize) {
             skipCount = 0;
             this._skipCount = 0;
         }
         this._lastPageSize = pageSize;
         this._lastSkipCount = skipCount;
-
-        /**
-         * @param {!Array.<!WebInspector.ServiceWorkerCacheModel.Entry>} entries
-         * @param {boolean} hasMore
-         * @this {WebInspector.ServiceWorkerCacheView}
-         */
-        function callback(entries, hasMore)
-        {
-            this._refreshButton.setEnabled(true);
-            this.clear();
-            this._entries = entries;
-            for (var i = 0; i < entries.length; ++i) {
-                var data = {};
-                data["number"] = i + skipCount;
-                data["request"] = entries[i].request;
-                data["response"] = entries[i].response;
-
-                var node = new WebInspector.SWCacheDataGridNode(data);
-                this._dataGrid.rootNode().appendChild(node);
-            }
-
-            this._pageBackButton.setEnabled(!!skipCount);
-            this._pageForwardButton.setEnabled(hasMore);
-        }
-
-        this._model.loadCacheData(this._cacheId, skipCount, pageSize, callback.bind(this));
+        this._model.loadCacheData(this._cache, skipCount, pageSize, this._updateDataCallback.bind(this, skipCount));
     },
 
     _refreshButtonClicked: function(event)
     {
         this._updateData(true);
     },
 
     /**
      * @return {!Array.<!WebInspector.ToolbarItem>}
      */
@@ skipping 54 matching lines @@
             section.skipProto();
             cell.appendChild(section.element);
         } else {
             valueElement.classList.add("primitive-value");
             cell.appendChild(valueElement);
         }
     },
 
     __proto__: WebInspector.DataGridNode.prototype
 }