React-Native调试工具的下载与使用

最新推荐文章于 2024-08-08 08:14:59 发布
最新推荐文章于 2024-08-08 08:14:59 发布
阅读量7.1k 收藏 5
点赞数 1
分类专栏： 常用工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yingzizizizizizzz/article/details/82387953
版权
本文介绍了如何下载并使用React-Native调试工具react-native-debugger，包括从官网获取最新版本，开启调试模式，以及启用Hot Reloading和Live Reload功能，实现CSS和JS代码更新的实时反映。
摘要由CSDN通过智能技术生成

1、从官网下载安装react-native-debugger

这个就找了半天，因为看到英文文档就看不下去，然后兜兜转转还是在官网上找的，怪我怪我，浪费时间

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

解压后点击其中的exe，就会出现高大上的界面

2、调试

先看官方文档：https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md

  1. 把http://localhost:8081/debugger-ui/ 调试界面关掉
  2. 打开react-native debugger
  3. 点击手机上的Remote JS Debugging

就能看到下面这样页面啦~~~还能调试，界面也高大上，感觉很厉害的样子O(∩_∩)O，哈哈

最低0.47元/天 解锁文章
yingzizizizizizzz
关注
专栏目录
React Native调试工具安装(React Devtools、react-native-debugger)
未金涛的博客
04-12 1402
title: 安装React Devtools调试工具 tags: ReactDevtools Devtools React Native 调试 安装React Devtools调试工具 在运行一个react项目的时候浏览器控制台会提醒你去安装react devtools调试工具 Download the React DevTools for a better development experience: https://fb.me/react-devtools 记录下我安装React Devto.
React Native 调试工具 (推荐使用React Native Debugger)
杨梦飞
12-07 8429
安装启动 第一步 : (下载对应的zip文件,本人是window系统所以下载 rn-debugger-windows-ia32 .zip) 下载链接 : https://github.com/jhen0409/react-native-debugger/releases 下载成功之后,解压,双击打开exe文件(这步操作之前必须关闭http://localhost:8081/debugger-ui/...
Rn引入react-native-debugger调试开发
明知山
05-06 806
本项目是由expo搭建的Rn项目首先要在电脑安装软件软件初始界面。
React Native Debugger 使用教程
最新发布
gitblog_00508的博客
08-08 1043
React Native Debugger 使用教程 react-native-debuggerThe standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools项目地址:https://gitcode.com/gh_mirrors/re/reac...
React Native Debugger reactnative可视化调试工具
03-16
mac端可视化调试react或者reactnative工具，可以调试redux应用状态
reactnative debugger tools
08-09
reactnative debugger 工具
react-native-debugger：基于React Native官方调试器的独立应用程序，包括React Inspector Redux DevTools
02-03
React Native调试器 使用Redux DevTools安装程序运行的redux示例 这是一个用于调试React Native应用程序的独立应用程序： 基于官方的并提供更多功能。 包括 。 包括Redux DevTools，使用制作 。 包含 （ ）作为devtools扩展。 安装 要安装该应用程序，您可以从下载预构建的二进制文件。 对于macOS ，您可以使用进行安装： <自制软件2.6.0 $ brew update && brew cask install react-native-debugger > =自制软件2.6.0 $ brew install --cask react-native-debugger 这会将React Native Debugger.app放在/applications/文件夹中。 注意：React Native兼容性 要使用此应用程序，您需要确保使用的是React Native Debugger和react-native的正确版本： React Native调试器 React性的 > = 0.11 > = 0.62
react-native-debugger
09-11
windows 0.12.1版本，兼容比较老的reactnative版本
react-native-webview.zip
08-06
5. **错误调试**：使用React Native的开发者工具或者日志记录，可以帮助定位和解决问题。 总的来说，React Native WebView是一个强大且灵活的工具，它扩展了React Native的功能，使得开发者可以充分利用Web技术为...
react-native-autocomplete-dropdown:具有搜索和自动完成（提前输入）功能的下拉项选择器，用于响应本机
04-08
总之，"react-native-autocomplete-dropdown"是React Native开发中的强大工具，它提供了简单易用且高度可定制的自动完成下拉列表。通过熟练掌握这个库，开发者可以提升应用的用户体验，为用户提供更加友好和高效的...
react-native-debugger:在Redux中React本机调试器
05-18
React Native调试器 带有内置UI和远程调试选项的React Native调试器。 安装 React Native Debugger需要React Native 0.35或更高版本。 NPM模块 npm install --save react-native-debugger React本机设备信息 设备信息组件必须在您的项目上安装和设置。 请在此处提供安装指南： : 设置 React Native Debugger包含5个核心模块。 这些模块负责维护模块的正确行为。 这些是此模块的可用命名导出。 重要信息：该模块不是为生产目的而开发的！ createDebugger 该模块负责设置调试器并将其连接到Redux架构。 安装 将createDebugger添加到您的compose函数中。 createStore(rootReducer, compose( crea
react-native debugger调试
weixin_42262889的博客
06-21 1693
google打开：http://localhost:8081/debugger-ui
react-native-debugger调试工具
孟凡涛 的博客
07-25 4431
闲话就少说了，最近从大神那里新了解到的react-native调试工具优点？？？
使用React Native Debugger调试react native代码
aha_xigua的博客
05-03 841
1:下载React Native Debugger，地址：下载地址 ，选择自己想要下载的版本，如下图 2：usb连接手机和电脑，在真机上打开开发者菜单，再打开usb调试，在电脑上输入yarn android或者 npx react-native run-android 命令运行，此时手机回弹出安装app的提示，同意安装APP 3：在电脑上运行react-native-debugger.exe,打开app，摇一摇手机，会出现一个选项列表，选择degug，此时就会出现相应调试页面，然后就可以进行各种调试啦，如
Mac下安装React Native
仰望 星空的专栏
12-25 7597
安装React Native 官网：http://facebook.github.io/react-native/docs/getting-started.html 中文：http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html 要求： 1.OS X - 当前仅支持 OS X 2.安装Homebrew
react native 调试工具react-devtools
weixin_44753443的博客
05-13 1195
react-native-debugger react native 自带的调试实在是不好用 网上大多数还是苹果手机的调试插件 在bilibili找到了一个 教学视频连接：https://www.bilibili.com/video/BV1mk4y1r7vf?spm_id_from=333.880.my_history.page.click 非常详细非常好 这个视频介绍了4个调试工具 因为我需要写安卓的原生 所以选择了第三个 是用的挺好的 不过视频有点老了 命令下载不推荐了 还是去他的GitHub下载比较
react-native 比较好用的调试工具 react native debugger
qq_36864724的博客
12-22 674
react-native 比较好用的调试工具 用了好久react-native debugger模式，但是感觉不是很好用。在gitHub上面发现了个比较好用的算是集成了react-devtools和浏览器调试。 官网地址 链接: https://github.com/jhen0409/react-native-debugger/releases. 使用方式 打开 react native debugger 启动rn服务并且摇一摇app 点击debug 查看react native debugger
React Native Debugger入门
weixin_26750481的博客
09-10 1911
React Native Debugger is a powerful tool that helps developers debug React Native applications more quickly. It provides a suite of impressive features, such as UI inspector, redux inspector, breakpoi...
React-Native学习笔记：组件与JSX语法解析
React-Native提供了丰富的调试工具，如Chrome开发者工具和React-Native的开发者菜单，支持实时重载、性能监控和错误追踪。 **5. 第三方库** React-Native拥有庞大的社区，提供了许多第三方库，可以快速扩展功能，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值