Skip to content

Latest commit

 

History

History
70 lines (48 loc) · 2.99 KB

shortcut-references.md

File metadata and controls

70 lines (48 loc) · 2.99 KB
Raw

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.

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, you can use touch-bar-simulator, the features are still very useful.

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.

Android support for all features on React Native version < 0.60

You could link react-native-devsettings-android in your project to enable the features:

$ npm install --save react-native-devsettings-android
$ react-native link react-native-devsettings-android

Note that it only for regular RN project, so it doesn't support CRNA without eject.

Known issues

  • Currently most features doesn't work with Haul bundler, please tracking issue #141.

Other documentations