third_party/WebKit/Source/devtools/front_end/components/ShortcutsScreen.js

   1 /*
   2  * Copyright (C) 2010 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31 /**
  32  * @constructor
  33  */
  34 WebInspector.ShortcutsScreen = function()
  35 {
  36     /** @type {!Object.<string, !WebInspector.ShortcutsSection>} */
  37     this._sections = {};
  38 }
  39
  40 WebInspector.ShortcutsScreen.prototype = {
  41     /**
  42      * @param {string} name
  43      * @return {!WebInspector.ShortcutsSection}
  44      */
  45     section: function(name)
  46     {
  47         var section = this._sections[name];
  48         if (!section)
  49             this._sections[name] = section = new WebInspector.ShortcutsSection(name);
  50         return section;
  51     },
  52
  53     /**
  54      * @return {!WebInspector.Widget}
  55      */
  56     createShortcutsTabView: function()
  57     {
  58         var orderedSections = [];
  59         for (var section in this._sections)
  60             orderedSections.push(this._sections[section]);
  61         function compareSections(a, b)
  62         {
  63             return a.order - b.order;
  64         }
  65         orderedSections.sort(compareSections);
  66
  67         var widget = new WebInspector.Widget();
  68
  69         widget.element.className = "settings-tab-container"; // Override
  70         widget.element.createChild("header").createChild("h3").createTextChild(WebInspector.UIString("Shortcuts"));
  71         var scrollPane = widget.element.createChild("div", "help-container-wrapper");
  72         var container = scrollPane.createChild("div");
  73         container.className = "help-content help-container";
  74         for (var i = 0; i < orderedSections.length; ++i)
  75             orderedSections[i].renderSection(container);
  76
  77         var note = scrollPane.createChild("p", "help-footnote");
  78         note.appendChild(WebInspector.linkifyDocumentationURLAsNode("iterate/inspect-styles/shortcuts", WebInspector.UIString("Full list of DevTools keyboard shortcuts and gestures")));
  79
  80         return widget;
  81     }
  82 }
  83
  84 /**
  85  * We cannot initialize it here as localized strings are not loaded yet.
  86  * @type {!WebInspector.ShortcutsScreen}
  87  */
  88 WebInspector.shortcutsScreen;
  89
  90 /**
  91  * @constructor
  92  * @param {string} name
  93  */
  94 WebInspector.ShortcutsSection = function(name)
  95 {
  96     this.name = name;
  97     this._lines = /** @type {!Array.<!{key: !Node, text: string}>} */ ([]);
  98     this.order = ++WebInspector.ShortcutsSection._sequenceNumber;
  99 };
 100
 101 WebInspector.ShortcutsSection._sequenceNumber = 0;
 102
 103 WebInspector.ShortcutsSection.prototype = {
 104     /**
 105      * @param {!WebInspector.KeyboardShortcut.Descriptor} key
 106      * @param {string} description
 107      */
 108     addKey: function(key, description)
 109     {
 110         this._addLine(this._renderKey(key), description);
 111     },
 112
 113     /**
 114      * @param {!Array.<!WebInspector.KeyboardShortcut.Descriptor>} keys
 115      * @param {string} description
 116      */
 117     addRelatedKeys: function(keys, description)
 118     {
 119         this._addLine(this._renderSequence(keys, "/"), description);
 120     },
 121
 122     /**
 123      * @param {!Array.<!WebInspector.KeyboardShortcut.Descriptor>} keys
 124      * @param {string} description
 125      */
 126     addAlternateKeys: function(keys, description)
 127     {
 128         this._addLine(this._renderSequence(keys, WebInspector.UIString("or")), description);
 129     },
 130
 131     /**
 132      * @param {!Node} keyElement
 133      * @param {string} description
 134      */
 135     _addLine: function(keyElement, description)
 136     {
 137         this._lines.push({ key: keyElement, text: description });
 138     },
 139
 140     /**
 141      * @param {!Element} container
 142      */
 143     renderSection: function(container)
 144     {
 145         var parent = container.createChild("div", "help-block");
 146
 147         var headLine = parent.createChild("div", "help-line");
 148         headLine.createChild("div", "help-key-cell");
 149         headLine.createChild("div", "help-section-title help-cell").textContent = this.name;
 150
 151         for (var i = 0; i < this._lines.length; ++i) {
 152             var line = parent.createChild("div", "help-line");
 153             var keyCell = line.createChild("div", "help-key-cell");
 154             keyCell.appendChild(this._lines[i].key);
 155             keyCell.appendChild(this._createSpan("help-key-delimiter", ":"));
 156             line.createChild("div", "help-cell").textContent = this._lines[i].text;
 157         }
 158     },
 159
 160     /**
 161      * @param {!Array.<!WebInspector.KeyboardShortcut.Descriptor>} sequence
 162      * @param {string} delimiter
 163      * @return {!Node}
 164      */
 165     _renderSequence: function(sequence, delimiter)
 166     {
 167         var delimiterSpan = this._createSpan("help-key-delimiter", delimiter);
 168         return this._joinNodes(sequence.map(this._renderKey.bind(this)), delimiterSpan);
 169     },
 170
 171     /**
 172      * @param {!WebInspector.KeyboardShortcut.Descriptor} key
 173      * @return {!Node}
 174      */
 175     _renderKey: function(key)
 176     {
 177         var keyName = key.name;
 178         var plus = this._createSpan("help-combine-keys", "+");
 179         return this._joinNodes(keyName.split(" + ").map(this._createSpan.bind(this, "help-key")), plus);
 180     },
 181
 182     /**
 183      * @param {string} className
 184      * @param {string} textContent
 185      * @return {!Element}
 186      */
 187     _createSpan: function(className, textContent)
 188     {
 189         var node = createElement("span");
 190         node.className = className;
 191         node.textContent = textContent;
 192         return node;
 193     },
 194
 195     /**
 196      * @param {!Array.<!Element>} nodes
 197      * @param {!Element} delimiter
 198      * @return {!Node}
 199      */
 200     _joinNodes: function(nodes, delimiter)
 201     {
 202         var result = createDocumentFragment();
 203         for (var i = 0; i < nodes.length; ++i) {
 204             if (i > 0)
 205                 result.appendChild(delimiter.cloneNode(true));
 206             result.appendChild(nodes[i]);
 207         }
 208         return result;
 209     }
 210 }
 211
 212 WebInspector.ShortcutsScreen.registerShortcuts = function()
 213 {
 214     // Elements panel
 215     var elementsSection = WebInspector.shortcutsScreen.section(WebInspector.UIString("Elements Panel"));
 216
 217     var navigate = WebInspector.ShortcutsScreen.ElementsPanelShortcuts.NavigateUp.concat(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.NavigateDown);
 218     elementsSection.addRelatedKeys(navigate, WebInspector.UIString("Navigate elements"));
 219
 220     var expandCollapse = WebInspector.ShortcutsScreen.ElementsPanelShortcuts.Expand.concat(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.Collapse);
 221     elementsSection.addRelatedKeys(expandCollapse, WebInspector.UIString("Expand/collapse"));
 222
 223     elementsSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.EditAttribute, WebInspector.UIString("Edit attribute"));
 224     elementsSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.HideElement, WebInspector.UIString("Hide element"));
 225     elementsSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.ToggleEditAsHTML, WebInspector.UIString("Toggle edit as HTML"));
 226
 227     var stylesPaneSection = WebInspector.shortcutsScreen.section(WebInspector.UIString("Styles Pane"));
 228
 229     var nextPreviousProperty = WebInspector.ShortcutsScreen.ElementsPanelShortcuts.NextProperty.concat(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.PreviousProperty);
 230     stylesPaneSection.addRelatedKeys(nextPreviousProperty, WebInspector.UIString("Next/previous property"));
 231
 232     stylesPaneSection.addRelatedKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.IncrementValue, WebInspector.UIString("Increment value"));
 233     stylesPaneSection.addRelatedKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.DecrementValue, WebInspector.UIString("Decrement value"));
 234
 235     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.IncrementBy10, WebInspector.UIString("Increment by %f", 10));
 236     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.DecrementBy10, WebInspector.UIString("Decrement by %f", 10));
 237
 238     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.IncrementBy100, WebInspector.UIString("Increment by %f", 100));
 239     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.DecrementBy100, WebInspector.UIString("Decrement by %f", 100));
 240
 241     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.IncrementBy01, WebInspector.UIString("Increment by %f", 0.1));
 242     stylesPaneSection.addAlternateKeys(WebInspector.ShortcutsScreen.ElementsPanelShortcuts.DecrementBy01, WebInspector.UIString("Decrement by %f", 0.1));
 243
 244
 245     // Debugger
 246     var section = WebInspector.shortcutsScreen.section(WebInspector.UIString("Debugger"));
 247
 248     section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("debugger.toggle-pause"), WebInspector.UIString("Pause/ Continue"));
 249     section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("debugger.step-over"), WebInspector.UIString("Step over"));
 250     section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("debugger.step-into"), WebInspector.UIString("Step into"));
 251     section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("debugger.step-out"), WebInspector.UIString("Step out"));
 252     if (Runtime.experiments.isEnabled("stepIntoAsync"))
 253         section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("debugger.step-into"), WebInspector.UIString("Step into"));
 254
 255     var nextAndPrevFrameKeys = WebInspector.ShortcutsScreen.SourcesPanelShortcuts.NextCallFrame.concat(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.PrevCallFrame);
 256     section.addRelatedKeys(nextAndPrevFrameKeys, WebInspector.UIString("Next/previous call frame"));
 257
 258     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.EvaluateSelectionInConsole, WebInspector.UIString("Evaluate selection in console"));
 259     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.AddSelectionToWatch, WebInspector.UIString("Add selection to watch"));
 260     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.ToggleBreakpoint, WebInspector.UIString("Toggle breakpoint"));
 261
 262     // Editing
 263     section = WebInspector.shortcutsScreen.section(WebInspector.UIString("Text Editor"));
 264     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.GoToMember, WebInspector.UIString("Go to member"));
 265     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.ToggleAutocompletion, WebInspector.UIString("Autocompletion"));
 266     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.GoToLine, WebInspector.UIString("Go to line"));
 267     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.JumpToPreviousLocation, WebInspector.UIString("Jump to previous editing location"));
 268     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.JumpToNextLocation, WebInspector.UIString("Jump to next editing location"));
 269     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.ToggleComment, WebInspector.UIString("Toggle comment"));
 270     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.IncreaseCSSUnitByOne, WebInspector.UIString("Increment CSS unit by 1"));
 271     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.DecreaseCSSUnitByOne, WebInspector.UIString("Decrement CSS unit by 1"));
 272     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.IncreaseCSSUnitByTen, WebInspector.UIString("Increment CSS unit by 10"));
 273     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.DecreaseCSSUnitByTen, WebInspector.UIString("Decrement CSS unit by 10"));
 274     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.SelectNextOccurrence, WebInspector.UIString("Select next occurrence"));
 275     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.SoftUndo, WebInspector.UIString("Soft undo"));
 276     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.GotoMatchingBracket, WebInspector.UIString("Go to matching bracket"));
 277     section.addAlternateKeys(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.CloseEditorTab, WebInspector.UIString("Close editor tab"));
 278     section.addAlternateKeys(WebInspector.shortcutRegistry.shortcutDescriptorsForAction("sources.switch-file"), WebInspector.UIString("Switch between files with the same name and different extensions."));
 279
 280     // Timeline panel
 281     section = WebInspector.shortcutsScreen.section(WebInspector.UIString("Timeline Panel"));
 282     section.addAlternateKeys(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.StartStopRecording, WebInspector.UIString("Start/stop recording"));
 283     section.addAlternateKeys(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.RecordPageReload, WebInspector.UIString("Record page reload"));
 284     section.addAlternateKeys(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.SaveToFile, WebInspector.UIString("Save timeline data"));
 285     section.addAlternateKeys(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.LoadFromFile, WebInspector.UIString("Load timeline data"));
 286     section.addRelatedKeys(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.JumpToPreviousFrame.concat(WebInspector.ShortcutsScreen.TimelinePanelShortcuts.JumpToNextFrame), WebInspector.UIString("Jump to previous/next frame"));
 287
 288
 289     // Profiles panel
 290     section = WebInspector.shortcutsScreen.section(WebInspector.UIString("Profiles Panel"));
 291     section.addAlternateKeys(WebInspector.ShortcutsScreen.ProfilesPanelShortcuts.StartStopRecording, WebInspector.UIString("Start/stop recording"));
 292
 293     // Layers panel
 294     if (Runtime.experiments.isEnabled("layersPanel")) {
 295         section = WebInspector.shortcutsScreen.section(WebInspector.UIString("Layers Panel"));
 296         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.ResetView, WebInspector.UIString("Reset view"));
 297         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.PanMode, WebInspector.UIString("Switch to pan mode"));
 298         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.RotateMode, WebInspector.UIString("Switch to rotate mode"));
 299         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.TogglePanRotate, WebInspector.UIString("Temporarily toggle pan/rotate mode while held"));
 300         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.ZoomIn, WebInspector.UIString("Zoom in"));
 301         section.addAlternateKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.ZoomOut, WebInspector.UIString("Zoom out"));
 302         section.addRelatedKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.Up.concat(WebInspector.ShortcutsScreen.LayersPanelShortcuts.Down), WebInspector.UIString("Pan or rotate up/down"));
 303         section.addRelatedKeys(WebInspector.ShortcutsScreen.LayersPanelShortcuts.Left.concat(WebInspector.ShortcutsScreen.LayersPanelShortcuts.Right), WebInspector.UIString("Pan or rotate left/right"));
 304     }
 305 }
 306
 307 WebInspector.ShortcutsScreen.ElementsPanelShortcuts = {
 308     NavigateUp: [
 309         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up)
 310     ],
 311
 312     NavigateDown: [
 313         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down)
 314     ],
 315
 316     Expand: [
 317         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Right)
 318     ],
 319
 320     Collapse: [
 321         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Left)
 322     ],
 323
 324     EditAttribute: [
 325         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Enter)
 326     ],
 327
 328     HideElement: [
 329         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.H)
 330     ],
 331
 332     ToggleEditAsHTML: [
 333         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.F2)
 334     ],
 335
 336     NextProperty: [
 337         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Tab)
 338     ],
 339
 340     PreviousProperty: [
 341         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Tab, WebInspector.KeyboardShortcut.Modifiers.Shift)
 342     ],
 343
 344     IncrementValue: [
 345         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up)
 346     ],
 347
 348     DecrementValue: [
 349         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down)
 350     ],
 351
 352     IncrementBy10: [
 353         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageUp),
 354         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up, WebInspector.KeyboardShortcut.Modifiers.Shift)
 355     ],
 356
 357     DecrementBy10: [
 358         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageDown),
 359         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down, WebInspector.KeyboardShortcut.Modifiers.Shift)
 360     ],
 361
 362     IncrementBy100: [
 363         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageUp, WebInspector.KeyboardShortcut.Modifiers.Shift)
 364     ],
 365
 366     DecrementBy100: [
 367         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageDown, WebInspector.KeyboardShortcut.Modifiers.Shift)
 368     ],
 369
 370     IncrementBy01: [
 371         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up, WebInspector.KeyboardShortcut.Modifiers.Alt)
 372     ],
 373
 374     DecrementBy01: [
 375         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down, WebInspector.KeyboardShortcut.Modifiers.Alt)
 376     ]
 377 };
 378
 379 WebInspector.ShortcutsScreen.SourcesPanelShortcuts = {
 380     SelectNextOccurrence: [
 381         WebInspector.KeyboardShortcut.makeDescriptor("d", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 382     ],
 383
 384     SoftUndo: [
 385         WebInspector.KeyboardShortcut.makeDescriptor("u", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 386     ],
 387
 388     GotoMatchingBracket: [
 389         WebInspector.KeyboardShortcut.makeDescriptor("m", WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 390     ],
 391
 392     ToggleAutocompletion: [
 393         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Space, WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 394     ],
 395
 396     IncreaseCSSUnitByOne: [
 397         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up, WebInspector.KeyboardShortcut.Modifiers.Alt)
 398     ],
 399
 400     DecreaseCSSUnitByOne: [
 401         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down, WebInspector.KeyboardShortcut.Modifiers.Alt)
 402     ],
 403
 404     IncreaseCSSUnitByTen: [
 405         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageUp, WebInspector.KeyboardShortcut.Modifiers.Alt)
 406     ],
 407
 408     DecreaseCSSUnitByTen: [
 409         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.PageDown, WebInspector.KeyboardShortcut.Modifiers.Alt)
 410     ],
 411     EvaluateSelectionInConsole: [
 412         WebInspector.KeyboardShortcut.makeDescriptor("e", WebInspector.KeyboardShortcut.Modifiers.Shift | WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 413     ],
 414
 415     AddSelectionToWatch: [
 416         WebInspector.KeyboardShortcut.makeDescriptor("a", WebInspector.KeyboardShortcut.Modifiers.Shift | WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 417     ],
 418
 419     GoToMember: [
 420         WebInspector.KeyboardShortcut.makeDescriptor("p", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta | WebInspector.KeyboardShortcut.Modifiers.Shift)
 421     ],
 422
 423     GoToLine: [
 424         WebInspector.KeyboardShortcut.makeDescriptor("g", WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 425     ],
 426
 427     ToggleBreakpoint: [
 428         WebInspector.KeyboardShortcut.makeDescriptor("b", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 429     ],
 430
 431     NextCallFrame: [
 432         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Period, WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 433     ],
 434
 435     PrevCallFrame: [
 436         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Comma, WebInspector.KeyboardShortcut.Modifiers.Ctrl)
 437     ],
 438
 439     ToggleComment: [
 440         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Slash, WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 441     ],
 442
 443     JumpToPreviousLocation: [
 444         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Minus, WebInspector.KeyboardShortcut.Modifiers.Alt)
 445     ],
 446
 447     JumpToNextLocation: [
 448         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Plus, WebInspector.KeyboardShortcut.Modifiers.Alt)
 449     ],
 450
 451     CloseEditorTab: [
 452         WebInspector.KeyboardShortcut.makeDescriptor("w", WebInspector.KeyboardShortcut.Modifiers.Alt)
 453     ],
 454
 455     Save: [
 456         WebInspector.KeyboardShortcut.makeDescriptor("s", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 457     ],
 458
 459     SaveAll: [
 460         WebInspector.KeyboardShortcut.makeDescriptor("s", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta | WebInspector.KeyboardShortcut.Modifiers.ShiftOrOption)
 461     ],
 462 };
 463
 464 WebInspector.ShortcutsScreen.TimelinePanelShortcuts = {
 465     StartStopRecording: [
 466         WebInspector.KeyboardShortcut.makeDescriptor("e", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 467     ],
 468
 469     RecordPageReload: [
 470         WebInspector.KeyboardShortcut.makeDescriptor("r", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 471     ],
 472
 473     SaveToFile: [
 474         WebInspector.KeyboardShortcut.makeDescriptor("s", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 475     ],
 476
 477     LoadFromFile: [
 478         WebInspector.KeyboardShortcut.makeDescriptor("o", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 479     ],
 480
 481     JumpToPreviousFrame: [
 482         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.LeftSquareBracket)
 483     ],
 484
 485     JumpToNextFrame: [
 486         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.RightSquareBracket)
 487     ]
 488 };
 489
 490 WebInspector.ShortcutsScreen.ProfilesPanelShortcuts = {
 491     StartStopRecording: [
 492         WebInspector.KeyboardShortcut.makeDescriptor("e", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta)
 493     ]
 494 };
 495
 496 WebInspector.ShortcutsScreen.LayersPanelShortcuts = {
 497     ResetView: [
 498         WebInspector.KeyboardShortcut.makeDescriptor("0")
 499     ],
 500
 501     PanMode: [
 502         WebInspector.KeyboardShortcut.makeDescriptor("x")
 503     ],
 504
 505     RotateMode: [
 506         WebInspector.KeyboardShortcut.makeDescriptor("v")
 507     ],
 508
 509     TogglePanRotate: [
 510         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Shift)
 511     ],
 512
 513     ZoomIn: [
 514         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Plus, WebInspector.KeyboardShortcut.Modifiers.Shift),
 515         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.NumpadPlus)
 516     ],
 517
 518     ZoomOut: [
 519         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Minus, WebInspector.KeyboardShortcut.Modifiers.Shift),
 520         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.NumpadMinus)
 521     ],
 522
 523     Up: [
 524         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Up),
 525         WebInspector.KeyboardShortcut.makeDescriptor("w")
 526     ],
 527
 528     Down: [
 529         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Down),
 530         WebInspector.KeyboardShortcut.makeDescriptor("s")
 531     ],
 532
 533     Left: [
 534         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Left),
 535         WebInspector.KeyboardShortcut.makeDescriptor("a")
 536     ],
 537
 538     Right: [
 539         WebInspector.KeyboardShortcut.makeDescriptor(WebInspector.KeyboardShortcut.Keys.Right),
 540         WebInspector.KeyboardShortcut.makeDescriptor("d")
 541     ]
 542 }