真机调试--mac and iphone

情景描述:前端在写移动端的项目时,需要查看真实效果.

设备准备:mac+iphone

iPhone手机设置入下:

设置-->Safari浏览器-->高级-->打开'网页检查起'开关

 

 

Safari浏览器设置:

在工具栏找到 safari浏览器-->偏好设置-->高级-->勾选 在菜单栏中显示‘开发’菜单

 

 

 设置好后菜单栏会有一个"开发"的菜单

 

mac Safari浏览器和iPhone手机都设置好后,用数据线将手机和mac电脑连接起来,打开Safari浏览器显示如下图表示连接成功

 

 ⚠️注意:手机和电脑要在同一个网络连接上(同一wifi)  

最后效果图如下: