viptool
viptool / Reference Tables / Frontend Development Shortcuts
Reference Tables

Frontend Development Shortcuts

Shortcuts can vary by browser, operating system, and editor keymap.

ValueNameDescription
F12 / Cmd+Opt+IOpen DevToolsOpen browser developer tools.
Ctrl+Shift+C / Cmd+Shift+CInspect elementActivate element selection.
Ctrl+Shift+M / Cmd+Shift+MDevice toolbarToggle responsive device emulation.
Ctrl+Shift+P / Cmd+Shift+PCommand menuOpen the command menu.
Ctrl+P / Cmd+PQuick openOpen a source file quickly.
Ctrl+Shift+F / Cmd+Opt+FSearch all filesSearch across loaded sources.
Ctrl+Shift+R / Cmd+Shift+RHard reloadReload while bypassing normal cache.
Ctrl+/ / Cmd+/Toggle commentToggle line comments in many editors.
Alt+Up/Down / Opt+Up/DownMove lineMove selected lines in many editors.
F2Rename symbolRename a code symbol in many editors.

Source: Chrome DevTools keyboard shortcutsReviewed: 2026-07-11

How to use Frontend Development Shortcuts

  1. Enter or select the data you want to process above.
  2. Select “Search” to run the tool.
  3. Review the result, then copy it or adjust the input and run again.

Frontend Development Shortcuts FAQ

Does this tool store my data?

The primary operation runs in your browser. Viptool does not upload or store the content you enter.

Why can the result differ from another website?

Results depend on the input format, calculation rules, and data update time. For live information, check the provider and timestamp shown with the result.

Related tools

Reference tables

Keyboard Key Code Reference

Search common KeyboardEvent key, code, and legacy keyCode values.

Reference tables

Photoshop Shortcut Reference

Search frequently used Adobe Photoshop keyboard shortcuts.

Reference tables

Frontend CDN Reference

Reference popular public frontend CDN services and URL patterns.

Reference tables

24 Solar Terms Reference

Browse the traditional Chinese 24 solar terms in calendar order.