H5在iphone移动端如何实现真机调试

时间:2024-04-02 07:46:27

最近公司要实现苹果移动端和H5的交互,因为平时用H5的不多,对iOS的比较熟悉,用H5的界面出问题就定位不出问题出在原生端还是H5端。应运而出iphone真机调试H5界面。

设置iphone

1.设置-->safari--->高级-->打开 web检查器

设置mac上safari

2.Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单

3.连接手机和电脑

4.运行app,加载H5界面。

点击safari菜单中的“开发”中,就会有你的iphone真机设备加载的H5界面。H5在iphone移动端如何实现真机调试

5.点击对应的html界面,就会在电脑浏览器端显示对应的代码。

6.剩下就交给大前端处理了!