话说，前些日子一直处理集团官网开发中，前几日接到测试反馈，移动端某个页面兼容性有问题。
无奈着使用 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，重复以上步骤即可：
欢迎各位关注
不定期发布
