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，点击 运行=》运行到手机或模拟器 =》制作自定义调试基座

　　　　

 

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

　　　　

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

Windows虚拟机设置（Mac可直接跳过）：

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

　　　　

 

 

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

　　　　

 

 

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

开始调试：

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

　　　　

 

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