DevTools: zoom frames upon double click, iterate over frames using arrows.

Source/devtools/front_end/settings/FrameworkBlackboxDialog.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.DialogDelegate}
  */
 WebInspector.FrameworkBlackboxDialog = function()
 {
-    WebInspector.DialogDelegate.call(this);
-
-    this.element = createElementWithClass("div", "blackbox-dialog dialog-contents");
+    WebInspector.DialogDelegate.call(this, createElementWithClass("div", "blackbox-dialog dialog-contents"));
 
     var header = this.element.createChild("div", "header");
     header.createChild("span").textContent = WebInspector.UIString("Framework blackbox patterns");
 
     var closeButton = header.createChild("div", "done-button", "dt-close-button");
     closeButton.gray = true;
     closeButton.addEventListener("click", this._onDoneClick.bind(this), false);
 
     var contents = this.element.createChild("div", "contents");
 
@@ skipping 206 matching lines @@
         var nodeName = focusElement && focusElement.nodeName.toLowerCase();
         if (nodeName === "input" || nodeName === "select") {
             this.focus();
             event.consume(true);
             return;
         }
     },
 
     __proto__: WebInspector.DialogDelegate.prototype
 }