HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)

准备环境:

  • MAC电脑一台或Windows一台(需装OS虚拟机)
  • IOS5.0以上真机一台(iPhone、iPad、iTouch 均可)、数据线一根
  • 在MAC电脑或虚拟机上安装Hbuilderx
  • 打开Safari,点击偏好设置,在“高级”选项卡中,勾选“在菜单栏中显示‘开发’菜单”选项
  • 安装SafariTechnologyPreview,这个版本需要跟MacOS的版本适配,否则安装不上,官方下载地址:Safari Technology Preview(博主自用适配MacOS10.14版Safari Technology Preview)
  • 在iPhone中打开“设置”程序,进入“Safari”->“高级”页面开启“网页检查器”,否则MAC端Safari浏览器将无法检测到连接的iPhone

制作自定义调试基座:

  1. 制作自定义调试基座前,需要先申请好开发测试证书和描述文件,具体步骤参考DCloud官方文档: iOS证书(.p12)和描述文件(.mobileprovision)申请
  2. 打开Hbuilderx,点击 运行=》运行到手机或模拟器 =》制作自定义调试基座

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第1张图片

 

   3.将申请的证书信息填写完整,然后点击打包

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第2张图片

      4.打包后通过会在项目中生成IOS_debug.ipa文件,通过iTunes安装到iPhone上就可以了

Windows虚拟机设置(Mac可直接跳过):

  1. 需要安装VMTools,若提示“无法再更新服务器上找到组件”错误,可直接下载 离线包,然后点击安装,重启
  2. 需要设置虚拟机USB兼容性为USB2.0(需要先将虚拟机关机,否则设置无效,将手机连接到电脑时也要将USB插在2.0的接口上)

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第3张图片

 

 

   3.点击状态栏“虚拟机”=》“可以动设备” =》选中你连接的iPhone,点击连接

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第4张图片

 

 

   4.打开ITunes,iPhone能正常连上就OK了

开始调试:

  1. 通过数据线连接iPhone
  2. 打开刚刚安装的自定义调试基座
  3. 打开MAC上刚安装的Safari Technology Preview,点击状态栏上“Develop”=》点击连接的iPhone名字,然后就会出现需要调试的页面

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第5张图片

 

   4.点击需要调试的页面,就可以看到跟Windows上Chrome调试Android一样的界面了

    HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境)_第6张图片

 

 

 

  

 

你可能感兴趣的:(HbuilderX iPhone调试小白爬坑(MAC环境和Windows环境))