移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）

最近在进行移动端的开发，本地运行的页面样式和真机测试时样式有区别。这个时候就需要通过设置代理使手机能够访问电脑端的网页。

所需设备：
1.ios手机
2.mac电脑
3.mac电脑安装Charles软件（一个抓包工具）

开始操作：
1.查看电脑本机ip，控制台输入命令：ifconfig |grep inet
2.打开苹果手机，设置http代理（如何用iPhone手机设置代理）。输入本机IP（xx.xx.xxx.xx），和端口（8888）。
3.打开Charles软件。在软件的页面中可以看到手机上打开运行的网址。
4.打开手机上的safari浏览器，在浏览器中输入网址（本地开发时的网址），即可在真机上看到和电脑本地运行时的网页的一样的页面。此时在本地调试，真机也可以看到页面。

上面的步骤只可以在真机上浏览调试的样式，还不可以在真机上调试。如果要实现在真机上调试，需要接着做一下步骤。

4.手机链接上电脑
5.打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选。

6.打开电脑上的Safari浏览器，按照路径：【开发】->【手机名称】->【正在调试的网址】，点击进入，就可以按照调试pc端页面的思路来调试ios的页面了。

如果移动端利用chrome浏览器在PC端进行调试，可参考文章：https://www.imooc.com/article/282755