(1)ios 调试 H5页面

概述


我们使用safari 浏览器 + ios手机的方式进行页面调试。


第一步:打开 safari 浏览器的开发者选项


打开safari浏览器,并使其处于窗口的最上层。点击顶部工具条的 “Safari浏览器” 选项,选择偏好设置,然后选择高级选项,在弹出框底部勾选 “在菜单栏中显示‘开发’菜单”。

打开Safari的开发者选项


第二步:打开手机的网页检查器


打开手机的设置 - Safari浏览器 - 高级 - 打开网页检查器

打开手机网页检查器


第三步:用手机访问电脑开启的服务


手机连接电脑有三个注意点:

1、手机和电脑需要连接在同一个网络中

2、手机用数据线连上电脑

3、如果是vue项目,需要修改一定的配置再启动项目:

修改项目访问方式

原先的配置是localhost,我们需要将其改成电脑的IP,这样手机才能正常访问。


完成以上操作以后,就可以用手机浏览器打开相应的网页,然后在电脑端的 “开发” 选项中就能看到连接的手机,打开网页检查器,这样就能调试H5页面了。