React Native 开发iOS真机调试

最新推荐文章于 2024-04-18 09:35:26 发布
原创 最新推荐文章于 2024-04-18 09:35:26 发布 · 4.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

该博客介绍了使用Xcode调试项目的步骤。先打开项目，真机运行，晃动手机选择后浏览器会打开调试地址，将localhost改为电脑IP地址，查看IP可通过网络偏好设置，最后重新运行项目。

第一步，使用Xcode打开项目 （项目目录/ios/项目名称.xcodeproj）

第二步，使用真机运行项目

第三步，晃动手机，选择Debug JS Remotely
浏览器会自动打开地址：http://localhost:8081/debugger-ui/

第四步，将localhost修改为本机ip地址
查看电脑ip地址的方法：点击WiFi图标 --> 打开网络偏好设置…
在这里插入图片描述
将第三步中的地址改为：http://192.168.1.127:8081/debugger-ui/ （说明：192.168.1.127是我电脑的ip地址，这里需要替换为你自己的电脑的ip地址）

第五步，使用Xcode重新运行项目

react-native入门之调试
蛐蛐的博客
04-04 1811
如果想用其他的 JavaScript 调试器来代替 Chrome可以设置一个名为REACT_DEBUGGER的环境变量，其值为启动自定义调试器的命令。调试的流程依然是从开发者菜单中的 Debug 选项开始。被指定的调试器需要知道项目所在的目录（可以一次传递多个目录参数，以空格隔开）。
ReactNative 开发环境搭建，安卓、IOS 打包、模拟器、真机调试
yanghui555的专栏
06-30 1356
React Native 开发 APP前端开发环境搭建 开发工具 IDEA 2020.1 、 SVN 1.8 、Xcode 12.5 操作系统 Mac OS Big Sur 11.3.1，android 9，IOS 14.5 1.从版本库下载项目源码 SVN 地址：略 2.安装Node JS版本管理工具NVM （目的是支持在一台机器中同时存在多个版本的Node 根据需要灵活切换） 2.1.安装nvm 打开终端： 1. brew install nvm 2. make dir ~/.vnm 3. 配置环境变量
native 真机测试react_React Native iOS 真机调试
weixin_39634876的博客
12-18 302
正确的操作步骤：前置动作：1.退出所有的相关的终端，在真机调试之前你可能进行了模拟器的调试2.确认手机和电脑是在同一个无线网下面。操作步骤：1.查看电脑的局域网地址，在terminal中输入ifconfig命令，即可查看2.用Xcode打开项目3.打开AppDelegate.m文件，修改jsCodeLocation地址：IP地址换成前面terminal中查看到的ip地址4.直接cmd + R ru...
在Windows系统上调试与发布react-native 开发的IOS系统的全过程
12-29
在Windows系统上调试与发布react-native 开发的IOS系统的全过程
React-Native iOS真机调试(新版)
weixin_34281537的博客
03-17 457
2019独角兽企业重金招聘Python工程师标准>>> ...
React-Native iOS 调试
levine_hhb的博客
02-04 1337
React-Native真机debug 真机iOS的debug流程 1.先设置 1.将电脑的ip地址填入 2.将手机连接到跟电脑同一个局域网下 3.运行工程 4.运行好了之后摇一摇手机，选择debug 模式 5.在跳出的网页中进入调试模式 如果不能进入调试模式，请将调试网址baseurl改成127.0.0.1或者localhost或者电脑ip地址进行尝试 ...
React native 免连WIFI真机调试。
Flasco的个人博客
08-26 3170
React native 免连WIFI真机调试。
React Native开发iOS实战录
曲折旅程，艰难人生
02-10 3011
总结React native开发iOS应用的基础知识
React Native环境安装 、并启用真机调试
最新发布
fghis的博客
04-18 533
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
react native ios打包到真机
寂寞青山的博客
01-31 2033
每当在模拟器上完成了开发，都想到真机上秀秀，正好前段时候买了一个mac，哈哈有机会了。   前篇文章以android为例，这里就以ios为例，讲一下打包到iphone真机的流程。   一、前置 1.首先你得有一部iphone 2.首先react native的环境要正确安装，还未完成这一步的，请到官网或中文站查看具体流程 3.xcode等环境安装完毕 4.rn应用能在模拟器中跑
一篇文章教会你如何在IOS真机上完美运行React Native
qq_45430571的博客
03-04 5369
指导读者如何在iOS真机上运行React Native应用，并且包含您在这个过程中遇到的问题及其解决方案。
react native真机调试
鬼谷中妖
09-11 342
react native真机调试 Android Iphone Android： 在script/dev/index.js运行时添加 --ip 你的电脑ip，重启应用。 在真机上，React Native测试入口你的页面对应地址，点击自定义Url测试。 可以看到在控制台，正在打一个index.android.js 包，控制台台也能看到console的数据。 ...
React-native-ios真机调试步骤
双手成就你的梦想
08-29 3871
1.找到主工程目录下IOS文件夹 2.获取mac电脑的ip地址（终端下 ifconfig） 3.修改AppDelegate.m。修改如下: NSURL *jsCodeLocation = [NSURL URLWithString:@"http://192.168.0.130:8081/index.ios.bundle?platform=ios&dev=true"];
如何配置React Native真机调试-iOS
weixin_30808693的博客
02-28 233
说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：官网英文版 、 中文版 ok, 切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，看到了下图的效果，这时你的一定想，是时候去手机上装个逼了！ 找到官方的教程，开始一步步跟着来： 修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的U...
react-native IOS真机调试技巧
多一份贡献,多一份环保
10-16 1847
有启动IOS真机调试的时候经常会遇到IOS无法自行启动，文件自动关联，Hot Reloading失效等问题。解决方案1 关闭所有控制台 关闭Xcode 删除IOS上的测试应用 重启电脑（将死进程杀掉） 解决方案2 不断的启动Xcode，直到看见控制台自动启动为止[此方法比较笨]
React Native - 调试技巧及调试菜单说明（模拟器调试、真机调试）
一条宝鱼的专栏
10-25 5805
React Native - 调试技巧及调试菜单说明（模拟器调试、真机调试） 一、模拟器调试 我们在ios模拟器上按快捷键command + D，安卓模拟器上按快捷⌘ + m，即可弹出如下调试菜单。下面分别介绍菜单中的各个调试功能。 1，Reload 刷新页面，其快捷键是（iOS） command + R/（安卓）两按R键。 注意：只有修改JavaScript文件时，刷新功能才起作用。如果新增了文件或者修改了Native代码，就需要使用Xcode重新编译应用了。 2，De...
React Native在真机运行（IOS）
weixin_34403693的博客
04-16 1236
真机在线运行 打开Xcode，open项目的ios目录； 如果之前在模拟器调试过，换成真机运行的时候务必关闭模拟器； 需要修改的配置： Bundle Identifier 修改为： com.soho3q 如果上来就运行的话，会报错： 改完界面： target处选择Test 修改如下: 确认目标设备的系统版本一致： 同样也要确认...
React Native之真机调试与离线包方式——iOS开发
MN1107
06-03 7029
React Native之真机调试与离线包方式——iOS开发（一）前言这篇文章讲解以下关于React Native中iOS开发的常见调试方式以及离线包开发方式。做过iOS开发的同学都知道，iOS开发真机调试需要注册苹果开发者账号，自从XCode7之后，iOS开发者不需要付费就可以在真机上调试程序。所以，要真机调试，只需要两步：1. 注册成为苹果开发者；2. 下载XCode7 或者以上版本的IDE.（
react-native ios端真机调试 打包与发布
热门推荐
jiejiegua的博客
01-22 1万+
最近做了一个项目，用的react-native 开发的iso项目。 由于自己没有oc基础，所以该项目几乎全用js写得。（顺便说一下，react-native 开发，最好还是学一下原生，起码的看得懂，不然搞配置一抓一把黑） 1：关于真机调试        这里的真机调试，指的是在iphone设备上面运行你的react native  项目，那么要让我们的设备在真机上面，运行，需要什么呢； 如
使用React Native构建iOS应用指南
2. **React Native环境搭建**：设置开发环境，包括安装Node.js、创建React Native项目、配置模拟器或真机设备，以及使用Expo CLI或Create React Native App等工具。 3. **React Native组件**：学习React Native提供...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jinrui_w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值