slug: mac-debug-ios-safaribrowser-open-page
datetime: 2024-02-23 22:57
summary: 打开iphone手机的开发者模式，打开Mac上Safari的开发者模式，用数据线将iphone和mac进行连接，按照调试pc端页面的思路来调试ios的页面。
tags:
  - 调试
  - safari
  - ios
  - php
  - 前端
  - mac
cover_image_url: https://static.quail.ink/media/e4o9hrom.webp复制

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

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

 

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

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

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

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

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

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

可能遇到的问题

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

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