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

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

    在mac电脑上,用Safari浏览器调试ios手机移动端页面_第1张图片

     

  2. 打开Mac上Safari的开发者模式,流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选在mac电脑上,用Safari浏览器调试ios手机移动端页面_第2张图片

  3. 用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:【开发】->【手机名称】->【正在调试的网站】在mac电脑上,用Safari浏览器调试ios手机移动端页面_第3张图片

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

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

你可能感兴趣的:(CSS,ios调试)