Skip to content

Latest commit

 

History

History
68 lines (46 loc) · 2.9 KB

shortcut-references.md

File metadata and controls

68 lines (46 loc) · 2.9 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 JS [iOS only]
  • Toggle Elements Inspector [iOS only]
  • Show Developer Menu [iOS only]
  • Enable / Disable Network Inspect
  • Log AsyncStorage content
  • Clear AsyncStorage

It includes three developer menu features for iOS, these would be useful for real device, instead of open developer menu in iOS 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) [iOS only]
  • Toggle Elements Inspector (macOS: Command+I, Windows / Linux: Ctrl+I) (RN ^0.43 support) [iOS only]
  • 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 iOS only features

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