美文网首页
RN使用Chrome断点调试

RN使用Chrome断点调试

作者: langkee | 来源:发表于2019-01-09 14:01 被阅读64次

iOS

模拟器

说明: 可直接调试,无需特殊配置。

真机

  • 先直接选择远程调试,如果失败,继续下列步骤
  • 用Xcode打开项目工程
  • 选择Libraries
  • 选择RCTWebSocket.xcodeproj
  • 选择RCTWebSocketExecutor.m
  • 搜索@"localhost"
  • @"localhost"替换成你的电脑IP,例如:@“192.168.0.1”

Android

模拟器 && 真机

说明: 一般打开远程调试会提示:Unable to round-trip http request to upstream: dial tcp 10.0.2.2:8081: i/o timeout

遵循以下步骤:
  • 先打开Chrome浏览器,然后打开:http://localhost:8081/debugger-ui
  • 然后重新执行: react-native run-android
  • 如果以上还不行,则先尝试:adb reverse tcp:8081 tcp:8081 (确保手机通过USB连接电脑,可通过: adb devices查看是否已连接。然后实现从设备到电脑的端口转发)
  • 再次执行:react-native run-android

注意:如果Android版本在 5.0 以下,可能需要在开发者菜单中选择"Dev Settings - Debug server host for device",然后在其中填入电脑的“IP 地址:端口”。

相关文章

  • RN使用Chrome断点调试

    iOS 模拟器 说明: 可直接调试,无需特殊配置。 真机 先直接选择远程调试,如果失败,继续下列步骤 用Xcode...

  • webstorm断点调试ReactNative

    1. 用 Chrome 断点调试RN 不用安装 React Develper Tools 谷歌浏览器插件,也能断点...

  • Flutter开发调试

    代码开发后出问题都会需要调试,调试方法很重要。 1. 断点调试 断点调试跟大家熟悉的 Chrome 的断点调试基本...

  • 2020-03-25 使用VSCode调试JS

    学语言,调试环境免不了,之前使用Chrome进行断点调试,今天发现了廖大神的文章,使用VSCode调试JS,感觉非...

  • 我所推荐开发使用的Chrome插件

    JetBrains IDE Support:能使用Webstorm在Chrome上对代买进行断点调试。 插件链接:...

  • 调试 Node.js 程序

    WebStorm Debug + 断点 vscode Debug + 断点 命令行和 Chrome 调试 Node...

  • node.js 调试

    这两天折腾出了一些nodejs的调试方法,做个记录 断点调试 nodejs官方指定的调试工具是chrome,在使用...

  • PHPStorm + Homestead + Xdebug +

    PHPStorm + Homestead + Xdebug + Chrome Xdebug 断点调试 话说 PHP...

  • react-native 运行ios程序remote js de

    1. 问题 我们知道,调试rn程序时,使用remote js debugging,通过chrome查看日志,但是有...

  • chrome断点调试

    1.第一个图标是:resume script excution。会将断点执行过程重启(resume)。2.第二个图...

网友评论

      本文标题:RN使用Chrome断点调试

      本文链接:https://www.haomeiwen.com/subject/txtgrqtx.html