Mac调试ios的safari浏览器打开的页面

#调试 #safari #php #iOs #前端 #mac

1.打开iphone手机的开发者模式

image.png
 

2.打开Mac上Safari的开发者模式

流程是：【Safari】>【偏好设置】>【高级】==>勾选【在菜单栏中显示“开发”菜单】

打开Safari浏览器后，可以使用command+, 快捷就打开Safari的偏好设置

image.png

3.用数据线将iphone和mac进行连接

在mac的Safari中按流程执行：【开发】>【手机名称】>【正在调试的网站】

image.png

4.最后，就可以按照调试pc端页面的思路来调试ios的页面了

image.png

可能遇到的问题

1.mac勾选完Safari的在菜单栏中显示“开发”菜单后找不到自己的手机名称

1.重新拔插手机连接线
2.重启Mac的Safari应用
3.手机出现是否信任设备时选择信任，然后输入锁屏密码进行确认