前段時間剛開始進行react-native開發;搭建好了環境等之后,發現其自帶的remote debug工具並不能查看網絡請求;於是查找了一下怎樣進行其網絡請求調試;調試工具為Reacotron,其效果如下,可以查看到我們開發的app中網絡請求,和PC端開發瀏覽器中network調試一樣:
其安裝配置也十分簡單,具體步驟如下:
- 下載對應版本:https://github.com/infinitered/reactotron/releases
- 自己的項目中安裝
reactotron-react-native
:
npm i --save-dev reactotron-react-native
- 自己項目文件目錄下創建ReactotronConfig.js文件(隨意目錄都可),ReactotronConfig.js文件中粘貼以下內容:
import Reactotron, { networking } from 'reactotron-react-native' Reactotron .configure() // controls connection & communication settings .useReactNative(networking()) // add all built-in react native plugins .connect() // let's connect!
- 最后將ReactotronConfig.js文件引入App.js 或者index.js的第一行(我是寫在App.js中)
現在就可以打開客戶端使用啦!官方鏈接:https://github.com/infinitered/reactotron
注意用真機調試打開9090端口哦!adb reverse tcp:9090 tcp:9090