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

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

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

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

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