shortcut-references.md

Shortcut references

This section will explain about the following items in RNDebugger.

• Content menu
• Touch Bar
• Keyboard shortcuts

Context menu

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

• 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

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

• Getting Started
• Debugger Integration
• React DevTools Integration
• Redux DevTools Integration
• Apollo Client DevTools Integration
• Network inspect of Chrome Developer Tools
• Enable open in editor in console
• Config file in home directory
• Troubleshooting
• Contributing