Customize keyboard shortcuts in the Microsoft Edge DevTools

The Shortcuts page in Settings provides a list of keyboard shortcuts in the DevTools and features to customize the shortcuts. To navigate to the Shortcuts page, complete the following steps.

  1. Open DevTools.

  2. Open Settings.

    • Select Shift+?.
  3. Navigate to the Shortcuts page.

    The Shortcuts page in Settings

Match keyboard shortcuts in the DevTools to Microsoft Visual Studio Code

To match the keyboard shortcut in the Microsoft Edge DevTools for an equivalent action in Visual Studio Code, complete the following steps.

  1. Navigate to the Shortcuts webpage.

  2. Choose the Match shortcuts from preset dropdown and change DevTools (Default) to Visual Studio Code.

    Match keyboard shortcuts in the DevTools to Visual Studio Code

For example, to pause or continue running a script in Visual Studio Code, you select F5. With the DevTools (Default) preset, to pause or continue running a script, you select F8. When you change the preset to Visual Studio Code, you now also select F5, just like in Visual Studio Code.

Edit keyboard shortcuts for any action in the DevTools

To customize the keyboard shortcut for a specific action in DevTools, complete the following steps.

  1. Navigate to the Shortcuts webpage.

  2. Choose the action you want to customize. For example, in the Debugger section, find and select the Pause script execution action.

  3. Choose the Edit (EditKeyboardShortcut) icon.

    Choose the action to customize from the Shortcuts page in Settings

  4. To bind the shortcut keys to the action, ensure the textbox next to the action has focus, and then use the keyboard to select the shortcut keys.

  5. To bind more than one shortcut combination to an action, choose Add a shortcut, ensure the textbox next to the action has focus, and then use the keyboard to select the shortcut keys.

    Select the keys you want to assign to the action

  6. To save your new keyboard shortcut, choose the checkmark (CheckmarkKeyboardShortcut) icon.

    Choose the checkmark icon to save your new keyboard shortcut

  7. Select your new keyboard shortcut to trigger the action in the DevTools.

On the Shortcuts page, the Custom Keyboard Shortcut (CustomKeyboardShortcut) icon displays keyboard shortcuts that you have customized. To reset all shortcuts, choose Restore default shortcuts.

While you edit the keyboard shortcuts for an action, to discard your changes, choose the X (XKeyboardShortcut) icon. To remove shortcuts for a specific action, choose the Delete shortcut (DeleteKeyboardShortcut) icon.

Note

If a keyboard shortcut is currently assigned to one action, you are blocked from saving it to another action. Instead, delete the keyboard shortcut from the previous action, and then add it to the new action.