image.png
在模拟器中打开调试设置
- 使用快捷键control + ⌘ + z或菜单栏-->Hardware-->Shake Gesture
各项说明
- Reload：表示会重新刷新页面
- Debug JS Remotely：表示远程调试JS，下面会说明
- Enable Live Reloading：表示实时全部刷新页面，修改完页面全部刷新页面
- Start Systrace：表示会捕捉追踪你的页面加载顺序
- Enable Hot Reloading：表示实时局部刷新页面
- Show Inspector：打开检查器
- Show Perf Monitor：打开新能监视器
在Chrome浏览器中调试JS
-
安装 React Developer Tools 扩展，注意选择允许访问文件网址
image.png
-
安装完成后在浏览器打开http://localhost:8081/debugger-ui
-
启动你的App，并打开模拟器调试界面，如上图选择 Debug JS Remotely
-
然后刷新http://localhost:8081/debugger-ui，打开浏览器调试面板
image.png
网友评论