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

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

2. 下载安装iTools（http://www.itools.cn/）；

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

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

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

编译中遇到的问题：

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

解决：由于长时间未使用该软件，我选择了更新HBuilderX；

2）更新完HBuilderX之后重启，再次运行iPhone设备，出现下面的提示：

解决：

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

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

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

HBuilderX连接苹果手机iPhone预览移动端页面相关推荐

使用iframe实现在pc端预览移动端页面的效果
参考转载
pc 图片预览放大端vue_安利一款简单好用的Vue图片预览插件
在项目中因为要经常用到图片预览效果,自己写的话麻烦死啦(懒) vue-photo-preview 一个基于 photoswipe 的 vue 图片预览插件,支持移动端和PC端,支持各种手势操作,放大缩 ...
pc 图片预览放大端vue_企业为什么需要建设PC+手机微信三合一全网营销的网站呢...
随着信息时代的发展,手机一步步的进入了我们的生活,渐渐的有很多东西都在从pc端过渡到手机端,我们在网购的时候会发现一系列的活动,比如说下载手机客户端就能免减多少钱或者抽奖这样的活动,这样在一定的程度上 ...
2.海康威视-web3.0插件连接摄像头实现预览效果
1. web3.0插件获取进入官网下载: https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=10&id=4c ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
pc 图片预览放大端vue_移动端Vue.js的图片预览组件，支持放缩、滑动功能！
功能:图片预览组件,支持双手指放大/缩小,双击放大/缩小,单击消失隐藏. 注:touch事件请手机预览源码分享组件参数 data() { return { loading: 2, // 1成功 2 ...
解决windows预览体验计划页面空白问题
早上醒来,惊闻微软悄没声的发布了windows11,并且将于下周推送Insider预览版本. 这次官方提供的把win本变成Mac的机会,我怎么会错过呢. 来到公司,速度打开设置->Windo ...
如何在手机上预览本地h5页面
很简洁的一个方法: 1.安装nodeJS环境 2.在当前所在项目文件夹下输入命令: npm install anywhere -g 3.输入命令: anywhere ,即可在浏览器以本机ip地址为域名 ...
微信小程序点击图片放大预览，新页面中全屏预览图片
第一步:在wxml中定义image组件,并设置绑定事件. <image src="{{priceUrl}}" bindtap="imgClick"> ...

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

HBuilderX连接苹果手机iPhone预览移动端页面相关推荐

最新文章

热门文章