南锋

南奔万里空,脱死锋镝余

Safari 远程调试 iPhone 网页:Web Inspector 与 Mac 开发菜单

前面有提到过Chrome调试手机网页的详细步骤与注意事项,今天我们来聊聊在iphone手机上如何调试safari浏览器。

Safari 远程调试前提条件

必须是苹果电脑和苹果手机,windows电脑无法进行此操作

使用 Mac Safari 检查 iPhone 网页

一、在手机上打开Safari浏览器的网页检查器
进入设置 -> App -> Safari浏览器 -> 高级 将网页检查器的开关打开
如图:
Safari 远程调试 iPhone 网页:Web Inspector 与 Mac 开发菜单 — 使用 Mac Safari 检查 iPhone 网页

二、在苹果电脑上打开Safari浏览器
进行如下图操作
Safari 远程调试 iPhone 网页:Web Inspector 与 Mac 开发菜单 — 使用 Mac Safari 检查 iPhone 网页

这里注意,需要手机端打开Safari浏览器,不然看不到具体的网页。

选择你需要调试的网页进行操作就行了,打开后就是下面场景
Safari 远程调试 iPhone 网页:Web Inspector 与 Mac 开发菜单 — 使用 Mac Safari 检查 iPhone 网页

+