React Native真机调试安卓版

一、准备工作

1.1 环境搭建

　　React Native中文网的文档已经非常清晰地描述了，按照步骤即可。http://reactnative.cn/docs/0.43/getting-started.html#content。

1.2 安装React Developer Tool

　　在chrome中安装插件React Developer Tool。

1.3 新建项目

　　打开doc命令，初始化一个项目。

二、开始调试

　　用数据线连接电脑和手机，然后运行命令react-native run-android。

　　如果手机上出现白屏，那么在手机的“授权管理”中“显示悬浮窗”权限中允许当前APP。

　　

　　修改好白屏后，出现红色错误（程序没问题的情况下），左右摇晃手机，在出现的管理界面中，点击“Dec Settings”，将“Debug server host & port for device”中设置为电脑的IP后加上:8081。

　　

　　当A项目能够正常运行后，左右摇晃手机，选择“Debug JS Remotely”。打开chrome，按ctrl + shit + J 或者按F12出现调试界面。

　 

　　在调试窗口，当前选择的Sources。

　　中间的窗口中，可以设置断点，也就是在代码的标号出点击鼠标左键。右边窗口的自动打开“BreakPoints”，而且会显示一些状态值、属性值。在右边窗口的上方，还可以进行异步调试。

React Native真机调试安卓版的更多相关文章

  1. React Native 真机调试(iOS / Android)

    React Native 真机调试(iOS / Android) https://reactnative.dev/docs/running-on-device https://developer.ap ...

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

    说在前面,本教程是建立在项目已经成功在模拟器上运行的基础上,如果你是还未配置好环境的新手,建议先从官网快速入门开始:官网英文版 . 中文版 ok, 切入正题,当你已经完成好环境配置,在模拟器上成功的运 ...

  3. React Native真机红屏报错总结

    一.run-android报错:unable to load script from assets 'index.android.bundl' 解决: 1.进入\android\app\src\mai ...

  4. React-Native 真机调试踩坑指南

    继上一篇基础安装踩坑继续我们的踩坑之旅,备注一下以下仅针对Mac环境-- 安卓 1.adb 找不到命令? Adb的全称为Android Debug Bridge,就是起到调试桥的作用,真机调试安卓必备 ...

  5. react native iOS真机调试-联网问题与js严格模式

    rn:strict mode does not allow function declarations in a lexically nested statement https://blog.csd ...

  6. XE8 & IOS开发之免费证书真机调试：开发证书、AppID、开发授权profile的申请，附Debug真机调试演示（XCode7 Beta版或以上版本适用，有图有真相）

    网上能找到的关于Delphi XE系列的移动开发的相关文章甚少,本文尽量以详细的图文内容.傻瓜式的表达来告诉你想要的答案. 原创作品,请尊重作者劳动成果,转载请注明出处!!! 注意,苹果发布Xcode ...

  7. cocos2dx 安卓真机调试问题汇总

    cocos compile编译apk问题汇总: 1,dx编译报错,没有足够的空间 ANTBUILD : [dx] error : Could not create the Java Virtual M ...

  8. 修复XCode7 Beta版无法使用iOS8.4真机调试的Bug

        在XCode7 Beta2下如果使用iOS8.4版的真机进行调试,XCode会提示:   "Could not find Developer Disk Image"   解 ...

  9. 安卓，IOS真机调试

    移动端前端开发真机调试攻略 有线调试: 一.IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 → 开. mac端:Safari → 偏好设置 → ...

随机推荐

  1. Failed to load slave replication state from table mysql.gtid_slave_pos: 1146: Table 'mysql.gtid_slave_pos' doesn't exist

    http://anothermysqldba.blogspot.com/2013/06/mariadb-1003-alpha-install-on-fedora-17.html MariaDB 10. ...

  2. Drools介绍与使用

    Drools 是用 Java 语言编写的开放源码规则引擎,使用 Rete 算法对所编写的规则求值.Drools 允许使用声明方式表达业务逻辑.可以使用非 XML 的本地语言编写规则,从而便于学习和理解 ...

  3. 【Tomcat】Tomcat替换猫的图片

    参考:网页title上添加图片 直接替换Tomcat安装目录下ROOT下面的favicon.ico图标(名字与前面一样favicon.ico)

  4. Mysql Innodb存储引擎 insert 死锁分析

    http://chenzhenianqing.cn/articles/1308.html

  5. oracle汉字占多少字节问题

    这个其实和Oracle的配置是相关的,用以下语句查询: select * from v$nls_parameters t where t.PARAMETER='NLS_CHARACTERSET'; 可 ...

  6. AOP设计场景

    AOP就是切面编程的一个思想,当然完毕一项编码任务,发现有些东西是反复工作,这时就能够考虑使用AOP编程.把一些共性的东西交给它来完毕,我们仅仅关心业务逻辑的东西,最精彩用的场景有两种: 一,控制数据 ...

  7. javascript 中文与Unicode相互转化

      javascript 中文与Unicode相互转化 CreateTime--2018年3月30日11:26:50 Author:Marydon /** * 中文与Unicode的相互转换 */ v ...

  8. LeetCode 438. Find All Anagrams in a String （在字符串中找到所有的变位词）

    Given a string s and a non-empty string p, find all the start indices of p's anagrams in s. Strings ...

  9. 【C++】双向线性链表容器的实现

    // 双向线性链表容器 #include <cstring> #include <iostream> #include <stdexcept> using name ...

  10. 行政区划代码（SQL版本）2018年8月

    表结构:(新建好表字段即可直接copy insert SQL语句) SQL语句: INSERT INTO z_regioncode(regioncode,regionname,pcode) VALUE ...