iOS调试

发表于 更新于 分类于
本文字数： 479 阅读时长 ≈ 1 分钟

主要是调试 H5 页面。审查各个系统环境下的样式和断点调试。

在Mac OS 上调试

iOS 生态环境调试会很容易。

模拟环境

环境准备
  • Xcode
  • Safari 浏览器
具体步骤

  1. 打开 Xcode 后，如果没有 Xcode 项目可以按照步骤 A 创建一个测试项目。如果已有项目，可以按照步骤 B 打开项目。

    WX20211030-170117@2x

  2. 选择想要调试的环境。可以选择Xcode提供的环境，也可以自定义手机型号和系统版本，如果需要测试特殊版本且 Xcode 中没有提供就需要去下载。

    WX20211030-170505@2x WX20211030-170852@2x

  3. 选择具体环境后运行项目

    WX20211030-172002@2x

  4. 项目运行后会自动打开模拟器，然后点击【首页】按钮，回到首页后，打开模拟器的 Safari 浏览器。

    WX20211030-171210@2xWX20211030-171523@2xWX20211030-171800@2x

  5. 打开电脑的 Safari 浏览器进行调试。

    WX20211031-213620@2x

  6. 进入调试界面，这样就可以进行元素审查或断点调试了。

    WX20211031-213524@2x

真机调试

需要搭配一台iPhone进行调试。

环境准备

  • 一台 iPhone

  • Safari 浏览器

具体步骤

  1. iPhone 需要进行【设置】-> 【Safari浏览器】-> 【高级】-> 打开【JavaScript】&【网页检查器】设置。

    IMG_9365IMG_9366

  2. 使用【数据线】连接 iPhone 和Mac OS电脑。

  3. 在电脑上的 Safari浏览器中就可以看到具体的真机设备，进行调试。

    WX20211031-224833@2x