React-Native iOS真机调试(新版)

最新推荐文章于 2024-03-04 21:29:12 发布

weixin_34281537

最新推荐文章于 2024-03-04 21:29:12 发布

阅读量438

点赞数

文章标签：移动开发操作系统 python

原文链接：https://my.oschina.net/roycehe/blog/861243

版权

2019独角兽企业重金招聘Python工程师标准>>>

React-Native iOS真机调试看到网上很多以前的文章找到两种方法

一

修改AppDelegate 把URL的替换成电脑ip

二

打开RCTWebSocketExecutor.m文件，然后将其中的"localhost"改为你的电脑的IP地址，最后启用开发者菜单中的"Debug JS Remotely"选项(这个是官网说的T_T)

发现以上全部过时了

解决方法非常简单

先说明开发环境

macOS Sierra 10.12
Xcode Version 8.3 Beta4
React Native 0.42

在打开Target 在默认生成的Tests 设置开发者证书

输入图片说明

PS:也不需要手机和电脑在同一网络

转载于:https://my.oschina.net/roycehe/blog/861243

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34281537

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

工作中最实用的React-Native性能优化总结

qq_29896351的博客

01-03

2110

，如果不使用 getItemLayout，那么所有的 Cell 的高度，都要调用 View 的 onLayout 动态计算高度，这个运算是需要消耗时间的；React Native 因为它的特殊性，做一些性能分析和调试时，需要用到 RN/iOS/Android 三端的工具，下面我就列举一下我平常用到的工具，具体的使用方法不是本文的重点，如有需要可根据关键词自行搜索。在实际开发中，经过一些数据对比，因绑定事件方式的不同引起的性能消耗基本上是可以忽略不计的，re-render 次数过多才是性能杀手。

react-native-calculator：由REACT Native制作的简单功能计算器，用于模拟iOS设计

02-10

10. 测试与调试：开发过程中，可以利用React Native的热重载功能快速预览修改，以及使用模拟器或真机进行功能测试。在"react-native-calculator-master"这个压缩包中，包含了项目的源代码，开发者可以查看项目的...

参与评论您还未登录，请先登录后发表或查看评论

在Windows系统上调试与发布react-native 开发的IOS系统的全过程

12-29

在Windows系统上调试与发布react-native 开发的IOS系统的全过程

native 真机测试react_React Native iOS 真机调试

weixin_39634876的博客

12-18

268

正确的操作步骤：前置动作：1.退出所有的相关的终端，在真机调试之前你可能进行了模拟器的调试2.确认手机和电脑是在同一个无线网下面。操作步骤：1.查看电脑的局域网地址，在terminal中输入ifconfig命令，即可查看2.用Xcode打开项目3.打开AppDelegate.m文件，修改jsCodeLocation地址：IP地址换成前面terminal中查看到的ip地址4.直接cmd + R ru...

React Native 开发iOS真机调试

JR的博客

07-10

4524

第一步，使用Xcode打开项目（项目目录/ios/项目名称.xcodeproj）第二步，使用真机运行项目第三步，晃动手机，选择Debug JS Remotely 浏览器会自动打开地址：http://localhost:8081/debugger-ui/ 第四步，将localhost修改为本机ip地址查看电脑ip地址的方法：点击WiFi图标 --> 打开网络偏好设置… 将第三步中的地...

React-native-ios真机调试步骤

双手成就你的梦想

08-29

3829

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"];

一篇文章教会你如何在IOS真机上完美运行React Native

最新发布

qq_45430571的博客

03-04

4544

指导读者如何在iOS真机上运行React Native应用，并且包含您在这个过程中遇到的问题及其解决方案。

react-native-autocomplete-dropdown:具有搜索和自动完成（提前输入）功能的下拉项选择器，用于响应本机

04-08

6. **多平台兼容**：作为React Native组件，"react-native-autocomplete-dropdown"适用于iOS和Android两个主要平台，确保了跨平台一致性。在使用这个库时，你需要按照以下步骤进行集成： 1. **安装依赖**：通过...

安卓java读取网页源码-react-native-wyyx:react-native-wyyx

06-06

ReactNative Demo 导读初始化本demo建议使用react-native >=0.51 的版本项目初始化及调试配置iOS/Android相关运行环境，可以参考：下载demo工程至本地通过yarn或npm安装js包依赖，即工程目录下，命令行执行：...

react-native-hcxy:用React-Native撸的花川学院App

06-04

这包括真机调试、性能分析和优化，如使用`Remote JS Debugging`进行代码调试，利用`Perf Monitor`监控性能指标，以及对组件进行优化以提高应用的启动速度和运行效率。六、持续集成与部署对于大型项目，持续集成...

react native在xcode真机调试ios

weixin_30851409的博客

06-23

519

1修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的URL，把localhost改为你的电脑的IP。在Mac系统下，你可以在系统设置/网络里找到电脑的IP地址。2选择设备：把手机插上数据线，连接到你的电脑，这时候就可以在调试设备里，看到你自己的设备。3点击当前选中的模拟设备即可展示所有设备，如下图，然后选中你的真机4解决账号问题：点击“Build and Run”，却出现如...

React-Native iOS 调试

levine_hhb的博客

02-04

1203

React-Native真机debug 真机iOS的debug流程 1.先设置 1.将电脑的ip地址填入 2.将手机连接到跟电脑同一个局域网下 3.运行工程 4.运行好了之后摇一摇手机，选择debug 模式 5.在跳出的网页中进入调试模式如果不能进入调试模式，请将调试网址baseurl改成127.0.0.1或者localhost或者电脑ip地址进行尝试 ...

react native真机调试

鬼谷中妖

09-11

327

react native真机调试 Android Iphone Android：在script/dev/index.js运行时添加 --ip 你的电脑ip，重启应用。在真机上，React Native测试入口你的页面对应地址，点击自定义Url测试。可以看到在控制台，正在打一个index.android.js 包，控制台台也能看到console的数据。 ...

如何配置React Native真机调试-iOS

weixin_30808693的博客

02-28

215

说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：官网英文版、中文版 ok, 切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，看到了下图的效果，这时你的一定想，是时候去手机上装个逼了！找到官方的教程，开始一步步跟着来：修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的U...

react-native--03开发环境&真机调试

hahahhahahahha123456的博客

07-10

419

IDE -> WebStorm目前市面上的IDE，有知名的Sublime和jetbrains，其中jetbrains有一系列的IDE支持多种语言，如JAVA（IntelliJ IDEA）、Python（Pycharm）、Ruby（RubyMine）、Javascript/html/css（WebStorm），由于我本人长期开发Python，采用的是Pycharm，因此我个人倾向与采用WebS...

React Native在真机运行（IOS）

weixin_34403693的博客

04-16

1200

真机在线运行打开Xcode，open项目的ios目录；如果之前在模拟器调试过，换成真机运行的时候务必关闭模拟器；需要修改的配置： Bundle Identifier 修改为： com.soho3q 如果上来就运行的话，会报错：改完界面： target处选择Test 修改如下: 确认目标设备的系统版本一致：同样也要确认...

react-native IOS真机调试技巧

多一份贡献,多一份环保

10-16

1802

有启动IOS真机调试的时候经常会遇到IOS无法自行启动，文件自动关联，Hot Reloading失效等问题。解决方案1 关闭所有控制台关闭Xcode 删除IOS上的测试应用重启电脑（将死进程杀掉）解决方案2 不断的启动Xcode，直到看见控制台自动启动为止[此方法比较笨]

React Native之真机调试与离线包方式——iOS开发

MN1107

06-03

6991

React Native之真机调试与离线包方式——iOS开发（一）前言这篇文章讲解以下关于React Native中iOS开发的常见调试方式以及离线包开发方式。做过iOS开发的同学都知道，iOS开发真机调试需要注册苹果开发者账号，自从XCode7之后，iOS开发者不需要付费就可以在真机上调试程序。所以，要真机调试，只需要两步：1. 注册成为苹果开发者；2. 下载XCode7 或者以上版本的IDE.（

[ReactNative][iOS]之真机调试与离线包方式

happy++, worry--

07-31

1371

（一）前言这篇文章讲解以下关于React Native中iOS开发的常见调试方式以及离线包开发方式。做过ios开发的同学都知道，iOS开发真机调试需要注册苹果开发者账号，自从XCode7之后，iOS开发者不需要付费就可以在真机上调试程序。所以，要真机调试，只需要两步：1. 注册成为苹果开发者；2. 下载XCode7 或者以上版本的IDE. （二）真机设备调试在开发的阶段，我们可以使用本地

React-Native入门与实战：打造原生体验的跨平台应用

4. React-Native的开发与实践：在实际开发中，需要安装并配置好Node.js、iOS SDK、Android SDK以及相关的开发工具，例如使用模拟器或真机进行调试。Chrome上的React-Native工具对于开发者来说是必不可少的，它们帮助...