在应用模拟器中运行React Native应用时,如何对其进行调试?
在应用模拟器中运行React Native应用时,如何对其进行调试?
你可以使用Safari调试iOS版应用程序,而无需启用“Debug JS Remotely”,只需按照以下步骤操作:
1. Enable Develop menu in Safari: Preferences → Advanced → Select "Show Develop menu in menu bar"
2. Select your app's JSContext: Develop → {Your Simulator} → Automatically Show Web Inspector for JS JSContext
3. Safari's Web Inspector should open which has a Console and a Debugger
For IOS $ react-native log-ios
For Android $ react-native log-android
如果您正在使用模拟器,请使用Ctrl+M,如果是模拟器,请使用Cmd+D
点击 - 远程调试js
在Google Chrome中进入控制台
在React-Native中,调试非常容易。
cmd + d
ctrl + cmd + z (适用于模拟器)
摇晃设备并触摸(确保开启了开发者选项)
步骤 1:将 debugger
放在你想要停止脚本的位置,例如:
async saveItem(item, selectedValue) {
debugger
try {
await AsyncStorage.setItem(item, selectedValue);
}
catch (error) {
console.error('AsyncStorage error: ' + error.message);
}
}
Cmd+D
,在Android模拟器上按下Cmd+M
。如果您使用的是真实设备,请摇动设备以打开开发菜单,如果不想摇动设备,请参考这篇博客。启用远程JS调试
,这将打开Chrome。
开发者工具。
Sources
选项卡中,调试器会在您编写的代码块中任何位置暂停。转到控制台并键入您要调试的任何参数(在代码块中存在),例如:
https://medium.com/@tunvirrahmantusher/android-debug-with-vscode-for-react-native-96f54d73462a