标签：debugger 配置文件 默认 react 监听 native

利用react-native-debugger可以在react-native项目中监听查看和api交互的数据，搜集过程中经历了比较长的时间，现在做了一些整理，希望能帮助到需要的人

一、下载

点击下面链接进行下载release版本，根据需要安装

https://github.com/jhen0409/react-native-debugger/releases

二、运行react-native-debugger

默认打开如下图

三、切换端口

1. debugger --> new window 打开新窗口
2. 输入新的监听端口并确认

四、进行debugger监听

1. 在RN项目的运行窗口中切换为英文输入，按D键，弹窗开发菜单选项，按R键进行重新加载项目
   

2. 选择debug选项就可以在rn-debugger中的控制台看到打印信息了
   

五、调整默认配置文件

1. debugger --> open config file 打开配置文件
2. 配置文件调整

// 此处仅列出用到的两个配置
{
    ...
    // 默认启动的监听端口
    defaultRNPackagerPorts: [8081],
    // 是否启动network插入监听，默认为false，开启之后可在rn-debugger的network中看到网络请求
    defaultNetworkInspect: true,
    ...
}

以上就是我所用到的所有的配置，已经达到我的期望，有好的方法欢迎评论

标签：debugger,配置文件,默认,react,监听,native
来源： https://blog.csdn.net/qq564280420/article/details/115078486

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。