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

Source/devtools/front_end/source_frame/GoToLineDialog.js

 /*
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 18 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.DialogDelegate}
  * @param {!WebInspector.SourceFrame} sourceFrame
  */
 WebInspector.GoToLineDialog = function(sourceFrame)
 {
     WebInspector.DialogDelegate.call(this);
-
-    this.element = createElementWithClass("div", "go-to-line-dialog");
+    this.element.classList.add("go-to-line-dialog");
     this.element.createChild("label").textContent = WebInspector.UIString("Go to line: ");
 
     this._input = this.element.createChild("input");
     this._input.setAttribute("type", "text");
     this._input.setAttribute("size", 6);
 
     this._goButton = this.element.createChild("button");
     this._goButton.textContent = WebInspector.UIString("Go");
     this._goButton.addEventListener("click", this._onGoClick.bind(this), false);
 
@@ skipping 53 matching lines @@
             this._sourceFrame.revealPosition(lineNumber, 0, true);
     },
 
     onEnter: function()
     {
         this._applyLineNumber();
     },
 
     __proto__: WebInspector.DialogDelegate.prototype
 }