当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
假设你想在Android模拟器上显示这个菜单
然后,尝试⌘+m在Mac上的Android模拟器上弹出这个开发设置对话框。 如果没有显示,那么转到AVD >(点击笔编辑模拟器配置)>高级设置>检查启用键盘输入框。 然后重试⌘+m。 如果它没有显示静止,那么去运行模拟器设置和发送键盘快捷键到组合框/下拉菜单,然后选择模拟器控件(默认)选项。
然后重试⌘+m。 我希望这对你有帮助,它对我有用。
其他回答
Mac: Cmd+M
Windows和Linux: Ctrl+M
在模拟器中使用适当的热键。它会弹出Chrome浏览器,从那里你可以使用开发人员工具。
编辑:
现在在帮助文档中有链接。
试试这个程序:https://github.com/jhen0409/react-native-debugger
适用于:windows, osx和linux。
它支持:react native和redux
你还可以检查虚拟组件树,修改应用中反映的样式。
在模拟器上按Cmd+D并选择Debug将打开浏览器调试器
步骤1: 把调试器放在你想要停止脚本的地方,比如:
async saveItem(item, selectedValue) {
debugger
try {
await AsyncStorage.setItem(item, selectedValue);
}
catch (error) {
console.error('AsyncStorage error: ' + error.message);
}
}
这将在控制到达此代码块时暂停调试器。
步骤2: 在ios模拟器上按Cmd+D,在Android模拟器上按Cmd+M。 如果你有真正的设备,摇动设备打开开发菜单,如果你不想摇动设备,请关注这个博客
步骤3: 选择启用远程JS调试,这将打开Chrome
步骤4: 选择开发人员工具。
步骤5: 在源代码中编写调试器的任何地方,调试器都会在Sources选项卡中暂停。进入控制台,输入任何你想调试的参数(出现在代码块中),例如: 要移动到下一个调试器点,再次移动到Sources ->单击恢复脚本执行按钮(右下角蓝色按钮)
把调试器放在你想暂停脚本的任何地方。
享受调试! !
对于Android模拟器,在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。
推荐文章
- 从父iOS访问容器视图控制器
- android:在触摸移动时移动视图
- 如何以编程方式将ID分配给视图?
- 自定义dealloc和ARC (Objective-C)
- 如何解决INSTALL_FAILED_DEXOPT错误?
- 有没有办法自动安装Android SDK ?
- 如何检查一个视图在Android中是否可见?
- 调整UITableView的大小以适应内容
- Android是否保留。apk文件?如果有,在哪里?
- 在代码中为UIButton设置一个图像
- 网络请求失败
- 在Android 5棒棒糖中,通知栏图标变成白色
- NSRange从Swift Range?
- 从URI获取真实路径,Android奇巧新的存储访问框架
- 如何检查JSON键是否存在?