1. 下载并安装 react-native-debugger 首先,你需要从 react-native-debugger 的 GitHub 页面 或其官方网站下载并安装该工具。安装完成后,你可以在桌面上找到 react-native-debugger 的快捷方式。 2. 启动 react-native-debugger 应用 双击桌面上的 react-native-debugger 快捷方式启动应用。启动后,你会看到一个包含...
三、使用React Native Debugger调试React Native应用程序 1. 启动React Native应用程序 在终端中进入React Native项目的根目录,执行`react-native run-ios`或`react-native run-android`命令启动应用程序。 2. 启动React Native Debugger 打开React Native Debugger的桌面应用程序,点击“Start Remote JS Debugging”按钮,...
1.React-Native-Debugger工具调试法 1.1 首先我们得下载一个React NativeDebugger的调试软件 1.2其次,我们找到我们要调试的那个文件,假设这个文件叫做account.js,那么我们打开上面下载的软件 并且同时按下ctrl + P,这时候会弹出一个输入框,输入文本就可以找到我们的account.js 1.3 打开之后,就可以愉快的断点调试啦,点击...
在react-native-debugger主面板上,右键单击并选择菜单中的Enable Network Inspect,即可查看网络请求。 如下: 永久配置: 每次点击选项比较麻烦,也可修改配置文件,实现永久打开网络请求,步骤如下: (1)下载后打开工具,在工具栏的Debugger中找到open config file打开配置文件 (2)修改配置文件中的defaultNetworkInspect选项(将...
react-native-debugger 简单配置使用 默认的debugger-ui只能看一些console的内容,发现network看不了请求信息,看了官网发现有这么一个工具。以下是官网原话: 注意:使用 Chrome 调试目前无法观测到 React Native 中的网络请求,你可以使用第三方的react-native-debugger来进行观测。
在开发react-native时,启动后浏览器会自动打开localhost:8081,链接本地server。但浏览器只能通过控制台console.log打印日志的方式进行调试,还远远不能满足我们的需求。 在这里推荐使用功能更加强大的react-native-debugger,除了常规的日志打印,还可以通过network查看请求、使用redux-tools进行调试。
首先,我们需要确保我们的React Native应用已经启动并运行。然后,在命令行中输入以下命令来启动React Native Debugger: ``` $ react-native-debugger ``` 启动后,我们会看到一个新的窗口打开,显示React Native Debugger的主页面。在主页面的顶部,我们可以看到一个地址栏,用于输入要调试的应用的URL。我们可以直接输入...
首先要在电脑安装react-native-debugger软件 下载地址:https://github.com/jhen0409/react-native-debugger/releases/tag/v0.13.0 使用 先把项目在模拟器运行起来,会得到19000的端口号 选择Debugger/New Window,输入你的端口号 项目快捷键m打开菜单,选择Debug Remote JS,react-native-debugger就会自动连接上 ...
react-native-debugger是一个调试React Native的独立应用,可以通过这个应用程序查看组件及redux 安装方式及应用地址 下载地址 组件样式查看 react-native-debugger安装完后并在应用程序中按顺序打开调试菜单中的Remote JS Debugging、Toggle Inspector 调试菜单 查看效果图 ...
6、在电脑硬盘创建一个文件夹,进入该文件夹使用git clone 输入git clone https://github.com/facebook/react-native.git,下载文件。 7、下载完成之后,进入刚刚目录下的react-native目录下的react-native-cli目录,打开cmd,输入npm install -g正式安装React Native。