首页 > 手机专区 > 手机APP >

图解如何调试iOS代码

来源:互联网 2023-03-03 23:34:30 190

调试iOS就有点麻烦了,有两种方式可以调试,iOS模拟器和真机调试,用模拟器调试就很简单了,直接用HBuilder Mac版运行模拟器就可以了,iOS模拟器比Android的虚拟机流畅许多,本篇经验将介绍真机调试步骤,希望对大家的工作和学习有所帮助!tnW办公区 - 实用经验教程分享!

方法/步骤

  • 1

    下载Xcode Beta,重新打开,切换设备到手机,然后点运行的图标,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 2

    如果连接手机的时候看到这里有进度条,不要马上点运行的图标,不然会提示手机正忙,无法进入调试,等进度条走完,如果卡住了就重新打开Xcode试试,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 3

    等待的时候去开启iOS设备的调试功能,在手机操作,打开“设置”程序,进入“Safari”->“高级”页面开启“Web检查器”,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 4

    运行后会自动打开App,这个时候在Mac系统上打开 Safari 浏览器,点击“Safari”菜单下面的“偏好设置(Preferences...)”,切换到“高级选项(Advanced)”,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 5

    在高级选项中勾上红框中的内容,这个时候Safari的菜单就会多出一个开发,点击可以看到我们的手机在里面,选中手机就可以看到我们的App页面了,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 5该信息未经授权抓取自百度经验
  • 6

    同样,选中里面的html标签会在手机上有相应的区域显示,功能和Chrome类似,大家就可以调试了,如下图所示:tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

    图解如何调试iOS代码tnW办公区 - 实用经验教程分享!

  • 7

    以上就是如何调试iOS代码的步骤。tnW办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!tnW办公区 - 实用经验教程分享!


    标签: ios

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码