在mac电脑上,用Safari浏览器调试ios手机移动端页面

1. 打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】, 具体如下图所示

   

    

2. 打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选

3. 用数据线将iphone手机和mac连接起来，在电脑的safari中按照流程执行：【开发】->【手机名称】->【正在调试的网站】

4. 最后，就可以按照调试pc端页面的思路来调试ios的页面了

这个时候调试移动端的页面，要把移动端页面放在iPhone的Safari浏览器里面，如何要iPhone手机上跑PC端本地的代码，需要知道PC客户端对应的IP地址，打开mac的terminal终端，输入ifconfig，就可以看到PC客户端对应的IP了，然后输入正确的端口号，网址，就能够正常调试了