Chromium Browser comes with the Command Menu which provides a way to navigate to the Chrome DevTools UI and perform common tasks, such as enabling/disabling JavaScript, taking screenshot of a node or screen area.
Visual Studio Code has a similar feature called as the Command Palette.
How to open a Command Menu
- To open the DevTools Command Menu, press
Cmd + Shift + P(Mac) orCtrl + Shift + P(Windows, Linux).
- You can also click
Customize And Control DevTools
and then select Run Command.
The Command Menu uses a fuzzy search. The list of commands that you see upon opening the Command Menu represents all available commands.
Source:
Hope you find this helpful.
Related Articles
Deepen your understanding with these curated continuations.
Chrome 80: Support for let and class re-declarations in the Console
Chrome 80 allows re-declarations of let and class in the DevTools console, making JavaScript debugging and experimentation much more developer friendly.
Refresh browser window whenever file changes are saved
Learn how to configure auto-reload and live refresh in your browser whenever file changes are saved. A quick guide for developers using Node.js, Browsersync, and dev server tools to speed up web development workflows.
Identify Unused Code Using Chrome DevTools
Chrome DevTools allows developers to optimize using Sources panel to identify unused code on your web page.