前置準備
確保快捷鍵工作
確保可以通過快建鍵打開“開發者菜單”，具體操作如下圖所示。（用react-native run-ios啓動了模擬器）
打開自動刷新
在MAC下，在IOS模擬器的窗口，按下Command⌘ + D 快捷鍵。
彈出開發者菜單，打開自動刷新。如下圖所示
使用Chrome Developer Tools
在開發者菜單中選擇"Debug JS Remotely"選項，即可以開始在 Chrome 中調試 JavaScript 代碼。點擊這個選項的同時會自動打開調試頁面 http://localhost:8081/debugger-ui.(如果地址欄打開的是 ip 地址，則請自行改爲 localhost)
在 Chrome 的菜單中選擇Tools → Developer Tools可以打開開發者工具，也可以通過鍵盤快捷鍵來打開（Mac 上是Command⌘ + Option⌥ + I，Windows 上是Ctrl + Shift + I或是 F12）。打開有異常時暫停（Pause On Caught Exceptions）選項，能夠獲得更好的開發體驗
在chrome的 Inspect窗口，Command⌘ + P 可以搜索文件，如搜索我們的代碼文件App.js **，debug的方式與調試正常的JS一致
使用React Developer Tools
# 安裝
npm install -g react-devtools
# 運行
react-devtools
注：需要在我們的App.js文件的最前面添加
<script src="http://localhost:8097"></script>
如下所示：
成功打開 React Developer Tools 後的效果如下
