admin管理员组

文章数量:1657958

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

所需设备：
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/article/282755

本文标签： 浏览器手机PCSafariMac

版权声明：本文标题：移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729799343a1212894.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。