Skip to content

Latest commit

 

History

History
55 lines (39 loc) · 2.37 KB

shortcut-references.md

File metadata and controls

55 lines (39 loc) · 2.37 KB

Shortcut references

This section will explain about the following items in RNDebugger.

Context menu

We have context menu (right-click) for provides useful features:

Context menu

  • Reload
  • Toggle Elements Inspector
  • Show Developer Menu [iOS only]
  • Enable / Disable Network Inspect
  • Log AsyncStorage content
  • Clear AsyncStorage

It includes the developer menu features, these would be useful for real device, instead of open developer menu in device manually.

Keyboard shortcuts

  • Reload JS (macOS: Command+R, Windows / Linux: Ctrl+R)
  • Toggle Elements Inspector (macOS: Command+I, Windows / Linux: Ctrl+I)
  • New Debugger Window (macOS: Command+T, Windows / Linux: Ctrl+T)
  • Toggle Developer Tools (macOS: Command+Option+I, Windows / Linux: Ctrl+Alt+I)
  • Toggle Redux DevTools (macOS: Command+Option+J, Windows / Linux: Ctrl+Alt+J)
  • Toggle React DevTools (macOS: Command+Option+K, Windows / Linux: Ctrl+Alt+K)
  • Quickly into search field of React DevTools (Type /)

You can also read Keyboard Shortcuts Reference of Chrome Developer Tools.

Touch Bar in macOS

touch-bar

The Redux Slider will shown on right if you're using Redux API,

If your Mac haven't TouchBar support and you still want to use the feature, you can use Touché.

Other documentations