如何在 iPhone Safari 上调试网页

iOS上调试网页或看网络请求，通常采用连接线，在Mac上使用Safari调试模式。
在iOS 152之后，手机Safari支持浏览器扩展，可以使用 扩展 DevTools Extension 进行调试。

DevTools Extension 支持：
1，Console - 脚本控制台，执行命令，查看输出
2，Elements - 网页元素、dom结构、css样式
3，Network - 网络请求列表
4，Resources - 查看 localStorage、sessionStorage、Cookies、脚本资源、css样式资源、资源
5，Source - 网页源码

移动端的web页面调试一般可以采取以下三种调试方法：第一，在PC端的浏览器里直接f12调试，一般现在的浏览器都有devicemode，调用这个模式浏览器就可以模拟移动端的设备进行调试，目前chrome支持的设备包括苹果、三星、nexus等；

第二，在PC端创建安卓和ios的虚拟机调试，感觉有点复杂，一般web开发很少用这种模式，原生app开发用得比较多；

第三，直接用移动设备测试，将你开发所用的PC和要测试的移动设备连接在同一个局域网下，通过PC搭建一个服务器，这样移动设备就可以通过局域网ip访问你开发的网页看效果了。

通常来说，第一种调试方式方便快捷，能够快速的查看效果，基本上解决90%的调试问题。剩下的问题一般要配合第三种方法，比如不同的系统（安卓、苹果）搭配不同的浏览器（UC、QQ、chrome、Safari）的显示差异问题等等。

按F12打开开发者模式就可以进行调试了

360安全浏览器(360SE),最好用、安全的浏览器,网购首选!360安全浏览器采用先进的恶意网址拦截技术,可自动拦截挂马、欺诈、网银仿冒等恶意网址。

首页你要有一个iOS的开发账号

在你的开发账号新建一个开发证书的时候将这台设备的id加进去

将开发证书 和描述文件导入到本地证书里面

真机运行测试

移动端项目在写的过程中都是在 chrome 的模拟器下来看的，最终我们还是需要放到手机中跑跑，看看效果。那么如何导入到真机中看效果呢？

1首先保证电脑和手机在同一个局域网下（连接同一个路由器）

2将移动端的作品放置到 xmapp 下面的指定的文件夹中 htdocs ( wampp是放置在 >