Shortcuts
Stay organized with collections
Save and categorize content based on your preferences.
Settings. Settings > Shortcuts lists default shortcuts you can use while focused in DevTools to speed up your workflow.
For a full list of default shortcuts, see Keyboard shortcuts .
Key point: You can use the Visual Studio Code alternatives to default shortcuts. Select Visual Studio Code from Settings. Settings > Shortcuts > Drop-down. Match shortcuts from preset .
Visual Studio Code shortcut alternatives.
Customize shortcuts
Note: This is a preview option. To enable it, check Settings. Settings > Experiments > Checkbox. Enable keyboard shortcut editor .
To customize keyboard shortcuts:
Open Settings .
In the Shortcuts tab, hover over any shortcut and click the Edit. Edit button.
[画像:Edit shortcut. ]
Put the cursor in the text bar and press any convenient combination of keys (chord). DevTools notifies you if the combination is already in use.
[画像:A chord shortcut that is already in use. ]
Record a new combination and click the Check. Check button.
Key point: To add an additional synonymous combination, click Add a shortcut and record another chord in a similar way.
Save the new shortcut.
To revert or delete changes, click Back. Back or Delete. Delete .
Add shortcuts to unassigned actions
Note: This is a preview option. To enable it, check Settings. Settings > Experiments > Checkbox. Enable keyboard shortcut editor .
By default, DevTools doesn't assign shortcuts to all available actions.
For example, to toggle light and dark theme preference with a keystroke, in the Settings. Settings > Shortcuts > Rendering section, set your own shortcut as described in Customize shortcuts .
[画像:Toggle light and dark themes with keyboard shortcut. ]
Restore default shortcuts
To bring back defaults, click Restore default shortcuts in the bottom-right corner of the Settings. Settings > Shortcuts tab.
[画像:Restore default shortcuts. ]
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License , and code samples are licensed under the Apache 2.0 License . For details, see the Google Developers Site Policies . Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2023年02月16日 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2023年02月16日 UTC."],[],[]]