HBuilderX连接苹果手机iPhone预览移动端页面

1. 手机数据线连接电脑,提示“是否信任该电脑”,选择“信任”,输入密码确认;

2. 下载安装iTools(http://www.itools.cn/);

3. 打开iTools,会自动安装驱动组件,这个过程有些慢,需要等待一会儿;

HBuilderX连接苹果手机iPhone预览移动端页面_第1张图片

4. 安装完驱动后仍然未识别到手机,可以插拔数据线再次选择信任该电脑,iTools中即可看到自己的设备;

HBuilderX连接苹果手机iPhone预览移动端页面_第2张图片

 HBuilderX连接苹果手机iPhone预览移动端页面_第3张图片

5. 重启HBuilderX,在预览项中可以看到iPhone设备,选中运行,项目开始编译;

HBuilderX连接苹果手机iPhone预览移动端页面_第4张图片

编译中遇到的问题:

HBuilderX连接苹果手机iPhone预览移动端页面_第5张图片

1)针对:Browserslist: caniuse-lite is outdated. Please run:
                14:54:49.064 npx browserslist@latest --update-db

解决:由于长时间未使用该软件,我选择了更新HBuilderX;

2)更新完HBuilderX之后重启,再次运行iPhone设备,出现下面的提示:

HBuilderX连接苹果手机iPhone预览移动端页面_第6张图片

解决:

在"设置"-"通用"-"设备管理"(或"描述文件")中信任DCloud企业证书(Digital Heaven开头的证书);

手机上手动启动HBuilder调试基座,即可预览到index.vue页面。

6. 也可以在电脑桌面上打开实时桌面浏览页面:点击iTools中的刷新,根据提示开启“开发者”功能,双击手机界面,即可打开实时桌面。

HBuilderX连接苹果手机iPhone预览移动端页面_第7张图片

HBuilderX连接苹果手机iPhone预览移动端页面_第8张图片

你可能感兴趣的:(uni-app,iphone,uni-app)