记录一次 Safari 调试 iPhone Web Page

话说，前些日子一直处理集团官网开发中，前几日接到测试反馈，移动端某个页面兼容性有问题。

无奈着使用 Android 以及 iOS 设备分别打开进行复现，果不其然，iOS 上出现了不兼容，某些样式出现问题。

犯愁，这个怎么调试呢？

网上搜索各种方案，只有一个结果，那就是纯粹的浪费时间。

But，可能和我的搜索方式有关吧，Boss 提供了一个链接，LZ 亲自实验了下，以下是 LZ 操作过程，特此记录，点滴记录美好生活～

冲鸭～

首先放置一张如何通过 Safari 调试 iPhone Web Page 效果图：

其实，主要是通过打开 Safari 开发模式并且启动 JSContext 网页检查器进行调试。

本篇主要演示以下俩种方式：

• 开启 iOS 模拟器进行调试
• 连接 iPhone 进行调试

原理一样，步骤一样，分开记录，避免未来出现忘记情况。

同样的坑，不想再次跌倒第二次。

首先，开启 Safari 开发菜单，如下图所示：

1

开启 iOS 模拟器进行调试

Step 1：启动 iOS 模拟器，随后打开浏览器，键入准备调试的网址。

Step 2：开启「自动显示 JSContext 的网页检查器」

随后选择「开发 —> 模拟器 —> 以及要调试的网址」

随后，开始浪吧～

2

连接 iPhone 进行调试

打开 iPhone，找到设置中的 Safari 浏览器，开启如下俩个按钮：

随后，连接 Mac，重复以上步骤即可：

欢迎各位关注

不定期发布