美文网首页iOS DeveloperiOS 开发
基于React Native开发iOS--调试

基于React Native开发iOS--调试

作者: 芝麻绿豆 | 来源:发表于2016-06-29 17:39 被阅读359次

    1.运行项目

    选中模拟器,按快捷键command + D ,模拟器上会出现如下图所示的菜单:

    运行效果图
    • Reload 刷新页面
    • Debug JS Remotely 在浏览器中调试,点击后会启动Chrome浏览器,和调试WEB一样;
    • Enable Live Reload 自动刷新
    • Show Perf Monitor 对UI额JavaScript的FPS 进行监听;
    • show Inspector 查看元素的位置、样式层级关系等;
    • start Systrace 监控应用在一段时间内的指标信息;

    有的人会发现怎么按command+D都没有反应,那就调整一下你的模拟器键盘:


    设置键盘

    2.选择Debug

    chrome自动打开(浏览器会显示如下界面,同时会弹出一个提示访问你的项目文件,请点击允许)


    3.选择浏览器中的开发者工具

    4.选择开发者工具中的sources

    再运行项目的时候就会跳到断点的地方去;如果需要关闭Debug状态,需要在模拟器中按快捷键command+D 在菜单中关闭debug状态!

    越努力越幸运!

    相关文章

      网友评论

        本文标题:基于React Native开发iOS--调试

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