diff --git a/front_end/Tests.js b/front_end/Tests.js
index 0de240f6c3..a8bfc3eadf 100644
--- a/front_end/Tests.js
+++ b/front_end/Tests.js
@@ -1103,11 +1103,9 @@ TestSuite.prototype._waitForTargets = function(n, callback)
 /**
  * Key event with given key identifier.
  */
-TestSuite.createKeyEvent = function(keyIdentifier)
+TestSuite.createKeyEvent = function(key)
 {
-    var evt = document.createEvent("KeyboardEvent");
-    evt.initKeyboardEvent("keydown", true /* can bubble */, true /* can cancel */, null /* view */, keyIdentifier, "");
-    return evt;
+    return new KeyboardEvent("keydown", {bubbles: true, cancelable:true, key: key});
 };
 
 window.uiTests = new TestSuite(window.domAutomationController);
diff --git a/front_end/components/ObjectPropertiesSection.js b/front_end/components/ObjectPropertiesSection.js
index eb34f0e391..1caef0413a 100644
--- a/front_end/components/ObjectPropertiesSection.js
+++ b/front_end/components/ObjectPropertiesSection.js
@@ -425,7 +425,7 @@ WebInspector.ObjectPropertyTreeElement.prototype = {
             this._editingCommitted(originalContent);
             return;
         }
-        if (event.keyIdentifier === "U+001B") { // Esc
+        if (event.key === "Escape") {
             event.consume();
             this._editingCancelled();
             return;
diff --git a/front_end/components_lazy/FilmStripView.js b/front_end/components_lazy/FilmStripView.js
index 64bb74f1ce..d244f52c31 100644
--- a/front_end/components_lazy/FilmStripView.js
+++ b/front_end/components_lazy/FilmStripView.js
@@ -264,15 +264,15 @@ WebInspector.FilmStripView.Dialog.prototype = {
      */
     _keyDown: function(event)
     {
-        switch (event.keyIdentifier) {
-        case "Left":
+        switch (event.key) {
+        case "ArrowLeft":
             if (WebInspector.isMac() && event.metaKey)
                 this._onFirstFrame();
             else
                 this._onPrevFrame();
             break;
 
-        case "Right":
+        case "ArrowRight":
             if (WebInspector.isMac() && event.metaKey)
                 this._onLastFrame();
             else
diff --git a/front_end/devices/DevicesView.js b/front_end/devices/DevicesView.js
index c7d2e3559a..a06c3d6453 100644
--- a/front_end/devices/DevicesView.js
+++ b/front_end/devices/DevicesView.js
@@ -520,7 +520,7 @@ WebInspector.DevicesView.DeviceView.prototype = {
          */
         function newTabKeyDown(event)
         {
-            if (event.keyIdentifier === "Enter") {
+            if (event.key === "Enter") {
                 event.consume(true);
                 openNewTab();
             }
diff --git a/front_end/devtools.js b/front_end/devtools.js
index 1b278045a3..9618a14317 100644
--- a/front_end/devtools.js
+++ b/front_end/devtools.js
@@ -229,10 +229,11 @@ DevToolsAPIImpl.prototype = {
     },
 
     /**
-     * @param {{type: string, keyIdentifier: string, keyCode: number, modifiers: number}} event
+     * @param {{type: string, key: string, code: string, keyCode: number, modifiers: number}} event
      */
     keyEventUnhandled: function(event)
     {
+        event.keyIdentifier = keyCodeToKeyIdentifier(event.keyCode);
         this._dispatchOnInspectorFrontendAPI("keyEventUnhandled", [event]);
     },
 
@@ -1002,6 +1003,78 @@ function sanitizeRemoteFrontendUrl()
     }
 }
 
+var staticKeyIdentifiers = new Map([
+    [0x12, "Alt"],
+    [0x11, "Control"],
+    [0x10, "Shift"],
+    [0x14, "CapsLock"],
+    [0x5b, "Win"],
+    [0x5c, "Win"],
+    [0x0c, "Clear"],
+    [0x28, "Down"],
+    [0x23, "End"],
+    [0x0a, "Enter"],
+    [0x0d, "Enter"],
+    [0x2b, "Execute"],
+    [0x70, "F1"],
+    [0x71, "F2"],
+    [0x72, "F3"],
+    [0x73, "F4"],
+    [0x74, "F5"],
+    [0x75, "F6"],
+    [0x76, "F7"],
+    [0x77, "F8"],
+    [0x78, "F9"],
+    [0x79, "F10"],
+    [0x7a, "F11"],
+    [0x7b, "F12"],
+    [0x7c, "F13"],
+    [0x7d, "F14"],
+    [0x7e, "F15"],
+    [0x7f, "F16"],
+    [0x80, "F17"],
+    [0x81, "F18"],
+    [0x82, "F19"],
+    [0x83, "F20"],
+    [0x84, "F21"],
+    [0x85, "F22"],
+    [0x86, "F23"],
+    [0x87, "F24"],
+    [0x2f, "Help"],
+    [0x24, "Home"],
+    [0x2d, "Insert"],
+    [0x25, "Left"],
+    [0x22, "PageDown"],
+    [0x21, "PageUp"],
+    [0x13, "Pause"],
+    [0x2c, "PrintScreen"],
+    [0x27, "Right"],
+    [0x91, "Scroll"],
+    [0x29, "Select"],
+    [0x26, "Up"],
+    [0x2e, "U+007F"], // Standard says that DEL becomes U+007F.
+    [0xb0, "MediaNextTrack"],
+    [0xb1, "MediaPreviousTrack"],
+    [0xb2, "MediaStop"],
+    [0xb3, "MediaPlayPause"],
+    [0xad, "VolumeMute"],
+    [0xae, "VolumeDown"],
+    [0xaf, "VolumeUp"],
+]);
+
+function keyCodeToKeyIdentifier(keyCode)
+{
+    var result = staticKeyIdentifiers.get(keyCode);
+    if (result !== undefined)
+        return result;
+    result = "U+";
+    var hexString = keyCode.toString(16).toUpperCase();
+    for (var i = hexString.length; i < 4; ++i)
+        result += "0";
+    result += hexString;
+    return result;
+}
+
 /**
  * @suppressGlobalPropertiesCheck
  */
@@ -1012,6 +1085,16 @@ function installBackwardsCompatibility()
     if (window.location.search.indexOf("remoteFrontend") === -1)
         return;
 
+    // Support for legacy (<M53) frontends.
+    if (!window.KeyboardEvent.prototype.hasOwnProperty("keyIdentifier")) {
+        Object.defineProperty(window.KeyboardEvent.prototype, "keyIdentifier", {
+            get: function()
+            {
+                return keyCodeToKeyIdentifier(this.keyCode);
+            }
+        });
+    }
+
     // Support for legacy (<M50) frontends.
     installObjectObserve();
 
diff --git a/front_end/elements/ElementsPanel.js b/front_end/elements/ElementsPanel.js
index 8dd2da6b5d..33e2b0dbf7 100644
--- a/front_end/elements/ElementsPanel.js
+++ b/front_end/elements/ElementsPanel.js
@@ -759,14 +759,14 @@ WebInspector.ElementsPanel.prototype = {
          */
         function handleUndoRedo(treeOutline)
         {
-            if (WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event) && !event.shiftKey && event.keyIdentifier === "U+005A") { // Z key
+            if (WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event) && !event.shiftKey && (event.key === "Z" || event.key === "z")) { // Z key
                 treeOutline.domModel().undo();
                 event.handled = true;
                 return;
             }
 
-            var isRedoKey = WebInspector.isMac() ? event.metaKey && event.shiftKey && event.keyIdentifier === "U+005A" : // Z key
-                                                   event.ctrlKey && event.keyIdentifier === "U+0059"; // Y key
+            var isRedoKey = WebInspector.isMac() ? event.metaKey && event.shiftKey && (event.key === "Z" || event.key === "z") : // Z key
+                                                   event.ctrlKey && (event.key === "Y" || event.key === "y"); // Y key
             if (isRedoKey) {
                 treeOutline.domModel().redo();
                 event.handled = true;
diff --git a/front_end/elements/ElementsTreeOutline.js b/front_end/elements/ElementsTreeOutline.js
index c704da3fc1..8f653af2e5 100644
--- a/front_end/elements/ElementsTreeOutline.js
+++ b/front_end/elements/ElementsTreeOutline.js
@@ -884,12 +884,12 @@ WebInspector.ElementsTreeOutline.prototype = {
             return;
 
         if (WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event) && node.parentNode) {
-            if (event.keyIdentifier === "Up" && node.previousSibling) {
+            if (event.key === "ArrowUp" && node.previousSibling) {
                 node.moveTo(node.parentNode, node.previousSibling, this.selectNodeAfterEdit.bind(this, treeElement.expanded));
                 event.handled = true;
                 return;
             }
-            if (event.keyIdentifier === "Down" && node.nextSibling) {
+            if (event.key === "ArrowDown" && node.nextSibling) {
                 node.moveTo(node.parentNode, node.nextSibling.nextSibling, this.selectNodeAfterEdit.bind(this, treeElement.expanded));
                 event.handled = true;
                 return;
diff --git a/front_end/elements/Spectrum.js b/front_end/elements/Spectrum.js
index fd43e8c6d6..a91e6bebfd 100644
--- a/front_end/elements/Spectrum.js
+++ b/front_end/elements/Spectrum.js
@@ -837,8 +837,8 @@ WebInspector.Spectrum.prototype = {
         }
 
         var inputElement = /** @type {!Element} */(event.currentTarget);
-        var arrowKeyOrMouseWheelEvent = (event.keyIdentifier === "Up" || event.keyIdentifier === "Down" || event.type === "mousewheel");
-        var pageKeyPressed = (event.keyIdentifier === "PageUp" || event.keyIdentifier === "PageDown");
+        var arrowKeyOrMouseWheelEvent = (event.key === "ArrowUp" || event.key === "ArrowDown" || event.type === "mousewheel");
+        var pageKeyPressed = (event.key === "PageUp" || event.key === "PageDown");
         if (arrowKeyOrMouseWheelEvent || pageKeyPressed) {
             var newValue = WebInspector.createReplacementString(inputElement.value, event);
             if (newValue) {
diff --git a/front_end/elements/StylesPopoverHelper.js b/front_end/elements/StylesPopoverHelper.js
index 18178b19ed..1f09c124c9 100644
--- a/front_end/elements/StylesPopoverHelper.js
+++ b/front_end/elements/StylesPopoverHelper.js
@@ -119,12 +119,12 @@ WebInspector.StylesPopoverHelper.prototype = {
      */
     _onKeyDown: function(event)
     {
-        if (event.keyIdentifier === "Enter") {
+        if (event.key === "Enter") {
             this.hide(true);
             event.consume(true);
             return;
         }
-        if (event.keyIdentifier === "U+001B") { // Escape key
+        if (event.key === "Escape") {
             this.hide(false);
             event.consume(true);
         }
diff --git a/front_end/elements/StylesSidebarPane.js b/front_end/elements/StylesSidebarPane.js
index 3104c01653..a2f9a35158 100644
--- a/front_end/elements/StylesSidebarPane.js
+++ b/front_end/elements/StylesSidebarPane.js
@@ -631,8 +631,7 @@ WebInspector.StylesSidebarPane.createPropertyFilterElement = function(placeholde
      */
     function keydownHandler(event)
     {
-        var Esc = "U+001B";
-        if (event.keyIdentifier !== Esc || !input.value)
+        if (event.key !== "Escape" || !input.value)
             return;
         event.consume(true);
         input.value = "";
@@ -2473,7 +2472,7 @@ WebInspector.StylePropertyTreeElement.prototype = {
         if (isEnterKey(event)) {
             event.preventDefault();
             result = "forward";
-        } else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.keyIdentifier === "U+001B")
+        } else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.key === "Escape")
             result = "cancel";
         else if (!context.isEditingName && this._newProperty && event.keyCode === WebInspector.KeyboardShortcut.Keys.Backspace.code) {
             // For a new property, when Backspace is pressed at the beginning of new property value, move back to the property name.
@@ -2482,7 +2481,7 @@ WebInspector.StylePropertyTreeElement.prototype = {
                 event.preventDefault();
                 result = "backward";
             }
-        } else if (event.keyIdentifier === "U+0009") { // Tab key.
+        } else if (event.key === "Tab") {
             result = event.shiftKey ? "backward" : "forward";
             event.preventDefault();
         }
@@ -2887,9 +2886,9 @@ WebInspector.StylesSidebarPane.CSSPropertyPrompt.prototype = {
      */
     onKeyDown: function(event)
     {
-        switch (event.keyIdentifier) {
-        case "Up":
-        case "Down":
+        switch (event.key) {
+        case "ArrowUp":
+        case "ArrowDown":
         case "PageUp":
         case "PageDown":
             if (this._handleNameOrValueUpDown(event)) {
diff --git a/front_end/extensions/ExtensionAPI.js b/front_end/extensions/ExtensionAPI.js
index 7a9b305fbc..3f8150ea43 100644
--- a/front_end/extensions/ExtensionAPI.js
+++ b/front_end/extensions/ExtensionAPI.js
@@ -813,9 +813,8 @@ var forwardTimer = null;
 
 function forwardKeyboardEvent(event)
 {
-    const Esc = "U+001B";
     // We only care about global hotkeys, not about random text
-    if (!event.ctrlKey && !event.altKey && !event.metaKey && !/^F\d+$/.test(event.keyIdentifier) && event.keyIdentifier !== Esc)
+    if (!event.ctrlKey && !event.altKey && !event.metaKey && !/^F\d+$/.test(event.key) && event.key !== "Escape")
         return;
     var requestPayload = {
         eventType: event.type,
@@ -823,6 +822,8 @@ function forwardKeyboardEvent(event)
         altKey: event.altKey,
         metaKey: event.metaKey,
         keyIdentifier: event.keyIdentifier,
+        key: event.key,
+        code: event.code,
         location: event.location,
         keyCode: event.keyCode
     };
diff --git a/front_end/extensions/ExtensionServer.js b/front_end/extensions/ExtensionServer.js
index 92fde8b013..6eccd285e3 100644
--- a/front_end/extensions/ExtensionServer.js
+++ b/front_end/extensions/ExtensionServer.js
@@ -621,7 +621,6 @@ WebInspector.ExtensionServer.prototype = {
 
     _onForwardKeyboardEvent: function(message)
     {
-        const Esc = "U+001B";
         message.entries.forEach(handleEventEntry);
 
         /**
@@ -630,12 +629,15 @@ WebInspector.ExtensionServer.prototype = {
          */
         function handleEventEntry(entry)
         {
-            if (!entry.ctrlKey && !entry.altKey && !entry.metaKey && !/^F\d+$/.test(entry.keyIdentifier) && entry.keyIdentifier !== Esc)
+            if (!entry.ctrlKey && !entry.altKey && !entry.metaKey && !/^F\d+$/.test(entry.key) && entry.key !== "Escape")
                 return;
             // Fool around closure compiler -- it has its own notion of both KeyboardEvent constructor
             // and initKeyboardEvent methods and overriding these in externs.js does not have effect.
             var event = new window.KeyboardEvent(entry.eventType, {
                 keyIdentifier: entry.keyIdentifier,
+                key: entry.key,
+                code: entry.code,
+                keyCode: entry.keyCode,
                 location: entry.location,
                 ctrlKey: entry.ctrlKey,
                 altKey: entry.altKey,
diff --git a/front_end/network/BlockedURLsPane.js b/front_end/network/BlockedURLsPane.js
index 14685a27a1..60c60a1683 100644
--- a/front_end/network/BlockedURLsPane.js
+++ b/front_end/network/BlockedURLsPane.js
@@ -118,7 +118,7 @@ WebInspector.BlockedURLsPane.prototype = {
             if (isEnterKey(event)) {
                 event.consume();
                 commit.call(this);
-            } else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.keyIdentifier === "U+001B") {
+            } else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.key === "Escape") {
                 event.consume();
                 finish.call(this);
                 this._update();
diff --git a/front_end/platform/DOMExtension.js b/front_end/platform/DOMExtension.js
index 9e273fba34..fbaac93e57 100644
--- a/front_end/platform/DOMExtension.js
+++ b/front_end/platform/DOMExtension.js
@@ -957,7 +957,7 @@ Document.prototype.deepElementFromPoint = function(x, y)
 function isEnterKey(event)
 {
     // Check if in IME.
-    return event.keyCode !== 229 && event.keyIdentifier === "Enter";
+    return event.keyCode !== 229 && event.key === "Enter";
 }
 
 /**
diff --git a/front_end/profiler/ProfilesPanel.js b/front_end/profiler/ProfilesPanel.js
index 55f29e5d2b..55e6b10944 100644
--- a/front_end/profiler/ProfilesPanel.js
+++ b/front_end/profiler/ProfilesPanel.js
@@ -505,9 +505,9 @@ WebInspector.ProfilesPanel.prototype = {
     _onKeyDown: function(event)
     {
         var handled = false;
-        if (event.keyIdentifier === "Down" && !event.altKey)
+        if (event.key === "ArrowDown" && !event.altKey)
             handled = this._sidebarTree.selectNext();
-        else if (event.keyIdentifier === "Up" && !event.altKey)
+        else if (event.key === "ArrowUp" && !event.altKey)
             handled = this._sidebarTree.selectPrevious();
         if (handled)
             event.consume(true);
diff --git a/front_end/screencast/ScreencastView.js b/front_end/screencast/ScreencastView.js
index bbd977b56a..a90496ec4d 100644
--- a/front_end/screencast/ScreencastView.js
+++ b/front_end/screencast/ScreencastView.js
@@ -746,7 +746,7 @@ WebInspector.ScreencastView.prototype = {
 
     _navigationUrlKeyUp: function(event)
     {
-        if (event.keyIdentifier !== "Enter")
+        if (event.key !== "Enter")
             return;
         var url = this._navigationUrl.value;
         if (!url)
diff --git a/front_end/sources/CallStackSidebarPane.js b/front_end/sources/CallStackSidebarPane.js
index 0996744742..a874d5a1f3 100644
--- a/front_end/sources/CallStackSidebarPane.js
+++ b/front_end/sources/CallStackSidebarPane.js
@@ -425,7 +425,7 @@ WebInspector.CallStackSidebarPane.prototype = {
     {
         if (event.altKey || event.shiftKey || event.metaKey || event.ctrlKey)
             return;
-        if (event.keyIdentifier === "Up" && this._selectPreviousCallFrameOnStack() || event.keyIdentifier === "Down" && this._selectNextCallFrameOnStack())
+        if (event.key === "ArrowUp" && this._selectPreviousCallFrameOnStack() || event.key === "ArrowDown" && this._selectNextCallFrameOnStack())
             event.consume(true);
     },
 
diff --git a/front_end/sources/JavaScriptSourceFrame.js b/front_end/sources/JavaScriptSourceFrame.js
index 00cef5c7d9..64265cfaae 100644
--- a/front_end/sources/JavaScriptSourceFrame.js
+++ b/front_end/sources/JavaScriptSourceFrame.js
@@ -643,7 +643,7 @@ WebInspector.JavaScriptSourceFrame.prototype = {
 
     _onKeyDown: function(event)
     {
-        if (event.keyIdentifier === "U+001B") { // Escape key
+        if (event.key === "Escape") {
             if (this._popoverHelper.isPopoverVisible()) {
                 this._popoverHelper.hidePopover();
                 event.consume();
diff --git a/front_end/ui/FilterBar.js b/front_end/ui/FilterBar.js
index d4f692f2b2..5d71cc9ccf 100644
--- a/front_end/ui/FilterBar.js
+++ b/front_end/ui/FilterBar.js
@@ -417,13 +417,13 @@ WebInspector.TextFilterUI.prototype = {
     _onInputKeyDown: function(event)
     {
         var handled = false;
-        if (event.keyIdentifier === "U+0008") { // Backspace
+        if (event.key === "Backspace") {
             this._suppressSuggestion = true;
         } else if (this._suggestBox.visible()) {
-            if (event.keyIdentifier === "U+001B") { // Esc
+            if (event.key === "Escape") {
                 this._cancelSuggestion();
                 handled = true;
-            } else if (event.keyIdentifier === "U+0009") { // Tab
+            } else if (event.key === "Tab") {
                 this._suggestBox.acceptSuggestion();
                 this._valueChanged(true);
                 handled = true;
diff --git a/front_end/ui/ForwardedInputEventHandler.js b/front_end/ui/ForwardedInputEventHandler.js
index 7ee28d5524..a894b82010 100644
--- a/front_end/ui/ForwardedInputEventHandler.js
+++ b/front_end/ui/ForwardedInputEventHandler.js
@@ -18,7 +18,7 @@ WebInspector.ForwardedInputEventHandler.prototype = {
     {
         var data = event.data;
         var type = /** @type {string} */ (data.type);
-        var keyIdentifier = /** @type {string} */ (data.keyIdentifier);
+        var key = /** @type {string} */ (data.key);
         var keyCode = /** @type {number} */ (data.keyCode);
         var modifiers =/** @type {number} */ (data.modifiers);
 
@@ -26,7 +26,7 @@ WebInspector.ForwardedInputEventHandler.prototype = {
             return;
 
         WebInspector.context.setFlavor(WebInspector.ShortcutRegistry.ForwardedShortcut, WebInspector.ShortcutRegistry.ForwardedShortcut.instance);
-        WebInspector.shortcutRegistry.handleKey(WebInspector.KeyboardShortcut.makeKey(keyCode, modifiers), keyIdentifier);
+        WebInspector.shortcutRegistry.handleKey(WebInspector.KeyboardShortcut.makeKey(keyCode, modifiers), key);
         WebInspector.context.setFlavor(WebInspector.ShortcutRegistry.ForwardedShortcut, null);
     }
 }
diff --git a/front_end/ui/InplaceEditor.js b/front_end/ui/InplaceEditor.js
index 9bb9cb48a4..9c222bd2c7 100644
--- a/front_end/ui/InplaceEditor.js
+++ b/front_end/ui/InplaceEditor.js
@@ -180,9 +180,9 @@ WebInspector.InplaceEditor.prototype = {
                 event.ctrlKey && !event.shiftKey && !event.metaKey && !event.altKey;
             if (isEnterKey(event) && (event.isMetaOrCtrlForTest || !isMultiline || isMetaOrCtrl))
                 return "commit";
-            else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.keyIdentifier === "U+001B")
+            else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code || event.key === "Escape")
                 return "cancel";
-            else if (!isMultiline && event.keyIdentifier === "U+0009") // Tab key
+            else if (!isMultiline && event.key === "Tab")
                 return "move-" + (event.shiftKey ? "backward" : "forward");
             return "";
         }
@@ -197,7 +197,7 @@ WebInspector.InplaceEditor.prototype = {
                 event.consume(true);
             } else if (result && result.startsWith("move-")) {
                 moveDirection = result.substring(5);
-                if (event.keyIdentifier !== "U+0009")
+                if (event.key !== "Tab")
                     blurEventListener();
             }
         }
diff --git a/front_end/ui/InspectorView.js b/front_end/ui/InspectorView.js
index b7b40e2869..6ab7a2d8fc 100644
--- a/front_end/ui/InspectorView.js
+++ b/front_end/ui/InspectorView.js
@@ -67,9 +67,6 @@ WebInspector.InspectorView = function()
     /** @type {!Object.<string, !Promise.<!WebInspector.Panel> >} */
     this._panelPromises = {};
 
-    // Windows and Mac have two different definitions of '[' and ']', so accept both of each.
-    this._openBracketIdentifiers = ["U+005B", "U+00DB"].keySet();
-    this._closeBracketIdentifiers = ["U+005D", "U+00DD"].keySet();
     this._lastActivePanelSetting = WebInspector.settings.createSetting("lastActivePanel", "elements");
 
     InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.ShowPanel, showPanel.bind(this));
@@ -451,7 +448,7 @@ WebInspector.InspectorView.prototype = {
         // BUG85312: On French AZERTY keyboards, AltGr-]/[ combinations (synonymous to Ctrl-Alt-]/[ on Windows) are used to enter ]/[,
         // so for a ]/[-related keydown we delay the panel switch using a timer, to see if there is a keypress event following this one.
         // If there is, we cancel the timer and do not consider this a panel switch.
-        if (!WebInspector.isWin() || (!this._openBracketIdentifiers[event.keyIdentifier] && !this._closeBracketIdentifiers[event.keyIdentifier])) {
+        if (!WebInspector.isWin() || (event.key !== "[" && event.key !== "]")) {
             this._keyDownInternal(event);
             return;
         }
@@ -466,10 +463,10 @@ WebInspector.InspectorView.prototype = {
 
         var direction = 0;
 
-        if (this._openBracketIdentifiers[event.keyIdentifier])
+        if (event.key === "[")
             direction = -1;
 
-        if (this._closeBracketIdentifiers[event.keyIdentifier])
+        if (event.key === "]")
             direction = 1;
 
         if (!direction)
diff --git a/front_end/ui/ShortcutRegistry.js b/front_end/ui/ShortcutRegistry.js
index ae3e4b3622..604bf2cfc4 100644
--- a/front_end/ui/ShortcutRegistry.js
+++ b/front_end/ui/ShortcutRegistry.js
@@ -76,15 +76,15 @@ WebInspector.ShortcutRegistry.prototype = {
      */
     handleShortcut: function(event)
     {
-        this.handleKey(WebInspector.KeyboardShortcut.makeKeyFromEvent(event), event.keyIdentifier, event);
+        this.handleKey(WebInspector.KeyboardShortcut.makeKeyFromEvent(event), event.key, event);
     },
 
     /**
      * @param {number} key
-     * @param {string} keyIdentifier
+     * @param {string} domKey
      * @param {!KeyboardEvent=} event
      */
-    handleKey: function(key, keyIdentifier, event)
+    handleKey: function(key, domKey, event)
     {
         var keyModifiers = key >> 8;
         var actions = this._applicableActions(key);
@@ -123,7 +123,7 @@ WebInspector.ShortcutRegistry.prototype = {
          */
         function isPossiblyInputKey()
         {
-            if (!event || !WebInspector.isEditing() || /^F\d+|Control|Shift|Alt|Meta|Win|U\+001B$/.test(keyIdentifier))
+            if (!event || !WebInspector.isEditing() || /^F\d+|Control|Shift|Alt|Meta|Escape|Win|U\+001B$/.test(domKey))
                 return false;
 
             if (!keyModifiers)
diff --git a/front_end/ui/SoftContextMenu.js b/front_end/ui/SoftContextMenu.js
index 33f8545aac..c20310caae 100644
--- a/front_end/ui/SoftContextMenu.js
+++ b/front_end/ui/SoftContextMenu.js
@@ -300,18 +300,18 @@ WebInspector.SoftContextMenu.prototype = {
 
     _menuKeyDown: function(event)
     {
-        switch (event.keyIdentifier) {
-        case "Up":
+        switch (event.key) {
+        case "ArrowUp":
             this._highlightPrevious(); break;
-        case "Down":
+        case "ArrowDown":
             this._highlightNext(); break;
-        case "Left":
+        case "ArrowLeft":
             if (this._parentMenu) {
                 this._highlightMenuItem(null, false);
                 this._parentMenu._hideSubMenu();
             }
             break;
-        case "Right":
+        case "ArrowRight":
             if (!this._highlightedMenuItemElement)
                 break;
             if (this._highlightedMenuItemElement._subItems) {
@@ -320,13 +320,13 @@ WebInspector.SoftContextMenu.prototype = {
                 this._subMenu._highlightNext();
             }
             break;
-        case "U+001B": // Escape
+        case "Escape":
             this._discardMenu(false, event); break;
         case "Enter":
             if (!isEnterKey(event))
                 break;
             // Fall through
-        case "U+0020": // Space
+        case " ": // Space
             if (this._highlightedMenuItemElement)
                 this._triggerAction(this._highlightedMenuItemElement, event);
             if (this._highlightedMenuItemElement._subItems) {
diff --git a/front_end/ui/SuggestBox.js b/front_end/ui/SuggestBox.js
index 188772dbbc..21e4bf4d48 100644
--- a/front_end/ui/SuggestBox.js
+++ b/front_end/ui/SuggestBox.js
@@ -396,10 +396,10 @@ WebInspector.SuggestBox.prototype = {
      */
     keyPressed: function(event)
     {
-        switch (event.keyIdentifier) {
-        case "Up":
+        switch (event.key) {
+        case "ArrowUp":
             return this.upKeyPressed();
-        case "Down":
+        case "ArrowDown":
             return this.downKeyPressed();
         case "PageUp":
             return this.pageUpKeyPressed();
diff --git a/front_end/ui/TextPrompt.js b/front_end/ui/TextPrompt.js
index 787b1098d8..59e0d561ce 100644
--- a/front_end/ui/TextPrompt.js
+++ b/front_end/ui/TextPrompt.js
@@ -309,28 +309,28 @@ WebInspector.TextPrompt.prototype = {
         var handled = false;
         delete this._needUpdateAutocomplete;
 
-        switch (event.keyIdentifier) {
-        case "U+0009": // Tab
+        switch (event.key) {
+        case "Tab":
             handled = this.tabKeyPressed(event);
             break;
-        case "Left":
+        case "ArrowLeft":
         case "Home":
             this._removeSuggestionAids();
             break;
-        case "Right":
+        case "ArrowRight":
         case "End":
             if (this.isCaretAtEndOfPrompt())
                 handled = this.acceptAutoComplete();
             else
                 this._removeSuggestionAids();
             break;
-        case "U+001B": // Esc
+        case "Escape":
             if (this.isSuggestBoxVisible()) {
                 this._removeSuggestionAids();
                 handled = true;
             }
             break;
-        case "U+0020": // Space
+        case " ": // Space
             if (event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) {
                 this._updateAutoComplete(true);
                 handled = true;
@@ -965,25 +965,27 @@ WebInspector.TextPromptWithHistory.prototype = {
         var newText;
         var isPrevious;
 
-        switch (event.keyIdentifier) {
-        case "Up":
+        switch (event.key) {
+        case "ArrowUp":
             if (!this.isCaretOnFirstLine() || this.isSuggestBoxVisible())
                 break;
             newText = this._previous();
             isPrevious = true;
             break;
-        case "Down":
+        case "ArrowDown":
             if (!this.isCaretOnLastLine() || this.isSuggestBoxVisible())
                 break;
             newText = this._next();
             break;
-        case "U+0050": // Ctrl+P = Previous
+        case "P": // Ctrl+P = Previous
+        case "p":
             if (WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) {
                 newText = this._previous();
                 isPrevious = true;
             }
             break;
-        case "U+004E": // Ctrl+N = Next
+        case "N": // Ctrl+N = Next
+        case "n":
             if (WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey)
                 newText = this._next();
             break;
diff --git a/front_end/ui/UIUtils.js b/front_end/ui/UIUtils.js
index 231d4de44e..98583532de 100644
--- a/front_end/ui/UIUtils.js
+++ b/front_end/ui/UIUtils.js
@@ -376,9 +376,9 @@ WebInspector._valueModificationDirection = function(event)
         else if (event.wheelDeltaY < 0 || event.wheelDeltaX < 0)
             direction = "Down";
     } else {
-        if (event.keyIdentifier === "Up" || event.keyIdentifier === "PageUp")
+        if (event.key === "ArrowUp" || event.key === "PageUp")
             direction = "Up";
-        else if (event.keyIdentifier === "Down" || event.keyIdentifier === "PageDown")
+        else if (event.key === "ArrowDown" || event.key === "PageDown")
             direction = "Down";
     }
     return direction;
@@ -527,8 +527,8 @@ WebInspector.handleElementValueModifications = function(event, element, finishHa
         return document.createRange();
     }
 
-    var arrowKeyOrMouseWheelEvent = (event.keyIdentifier === "Up" || event.keyIdentifier === "Down" || event.type === "mousewheel");
-    var pageKeyPressed = (event.keyIdentifier === "PageUp" || event.keyIdentifier === "PageDown");
+    var arrowKeyOrMouseWheelEvent = (event.key === "ArrowUp" || event.key === "ArrowDown" || event.type === "mousewheel");
+    var pageKeyPressed = (event.key === "PageUp" || event.key === "PageDown");
     if (!arrowKeyOrMouseWheelEvent && !pageKeyPressed)
         return false;
 
@@ -1594,7 +1594,7 @@ WebInspector.bindInput = function(input, apply, validate, numeric)
         if (!numeric)
             return;
 
-        var increment = event.keyIdentifier === "Up" ? 1 : event.keyIdentifier === "Down" ? -1 : 0;
+        var increment = event.key === "ArrowUp" ? 1 : event.key === "ArrowDown" ? -1 : 0;
         if (!increment)
             return;
         if (event.shiftKey)
diff --git a/front_end/ui/treeoutline.js b/front_end/ui/treeoutline.js
index cb748997dd..007e68e654 100644
--- a/front_end/ui/treeoutline.js
+++ b/front_end/ui/treeoutline.js
@@ -231,11 +231,11 @@ TreeOutline.prototype = {
 
         var handled = false;
         var nextSelectedElement;
-        if (event.keyIdentifier === "Up" && !event.altKey) {
+        if (event.key === "ArrowUp" && !event.altKey) {
             handled = this.selectPrevious();
-        } else if (event.keyIdentifier === "Down" && !event.altKey) {
+        } else if (event.key === "ArrowDown" && !event.altKey) {
             handled = this.selectNext();
-        } else if (event.keyIdentifier === "Left") {
+        } else if (event.key === "ArrowLeft") {
             if (this.selectedTreeElement.expanded) {
                 if (event.altKey)
                     this.selectedTreeElement.collapseRecursively();
@@ -252,7 +252,7 @@ TreeOutline.prototype = {
                 } else if (this.selectedTreeElement.parent)
                     this.selectedTreeElement.parent.collapse();
             }
-        } else if (event.keyIdentifier === "Right") {
+        } else if (event.key === "ArrowRight") {
             if (!this.selectedTreeElement.revealed()) {
                 this.selectedTreeElement.reveal();
                 handled = true;
diff --git a/front_end/ui_lazy/DataGrid.js b/front_end/ui_lazy/DataGrid.js
index ebbfc16a1d..21cf69600f 100644
--- a/front_end/ui_lazy/DataGrid.js
+++ b/front_end/ui_lazy/DataGrid.js
@@ -789,17 +789,17 @@ WebInspector.DataGrid.prototype = {
 
         var handled = false;
         var nextSelectedNode;
-        if (event.keyIdentifier === "Up" && !event.altKey) {
+        if (event.key === "ArrowUp" && !event.altKey) {
             nextSelectedNode = this.selectedNode.traversePreviousNode(true);
             while (nextSelectedNode && !nextSelectedNode.selectable)
                 nextSelectedNode = nextSelectedNode.traversePreviousNode(true);
             handled = nextSelectedNode ? true : false;
-        } else if (event.keyIdentifier === "Down" && !event.altKey) {
+        } else if (event.key === "ArrowDown" && !event.altKey) {
             nextSelectedNode = this.selectedNode.traverseNextNode(true);
             while (nextSelectedNode && !nextSelectedNode.selectable)
                 nextSelectedNode = nextSelectedNode.traverseNextNode(true);
             handled = nextSelectedNode ? true : false;
-        } else if (event.keyIdentifier === "Left") {
+        } else if (event.key === "ArrowLeft") {
             if (this.selectedNode.expanded) {
                 if (event.altKey)
                     this.selectedNode.collapseRecursively();
@@ -814,7 +814,7 @@ WebInspector.DataGrid.prototype = {
                 } else if (this.selectedNode.parent)
                     this.selectedNode.parent.collapse();
             }
-        } else if (event.keyIdentifier === "Right") {
+        } else if (event.key === "ArrowRight") {
             if (!this.selectedNode.revealed) {
                 this.selectedNode.reveal();
                 handled = true;