如何在 iPhone Safari 上调试网页

转自：https://zhuanlan.zhihu.com/p/398328458

针对web端，调试手机版网页会很困难。不过自 iOS 6 开始，Apple 提供了「网页检查器」，使得在 iPhone 或 iPad 上调试网页变得更加容易。

iPhone连接电脑并信任

步骤如下：

1. 1. 用数据线连接 iOS 设备和 Mac 电脑。

2. 2. 启用 iOS 设备上的「网页检查器」。访问「设置」 > 「Safari浏览器」 > 「高级」 > 打开「网页检查器」。
   

网页检查器

3. 用移动设备上的 Safari 浏览器打开要调试的网页。之后需要在 Mac 电脑上启用「开发」菜单。

要启用「开发」菜单，请按照如下步骤：

(1). 启动 Mac 上的 Safari 浏览器

(2). 点击 Safari 浏览器顶部的「偏好设置」菜单 > 「高级」

(3). 选中复选框「在菜单栏中显示“开发”菜单」

(4). 现在就可以在顶部的菜单条找到「开发」按钮了。点击之后会看到已连接的 iPhone 或 iPad 设备，以及 Safari 浏览器中打开的 URL。

(5). 点击那个 URL 之后，就会看到一个网页检查器窗口，可以查看 DOM 结构，网络请求，调试 JavaScript 代码等等。