返回

远程调试iOS Safari:在移动设备上轻松检查代码

前端

1. 准备工作

  • 确保您的iOS设备和Mac电脑连接在同一个Wi-Fi网络下。
  • 在您的iOS设备上打开Safari浏览器。
  • 在您的Mac电脑上打开Safari浏览器,并确保已启用“开发”菜单。如果未启用,请前往Safari菜单栏,点击“Safari”>“偏好设置”>“高级”,勾选“在菜单栏中显示“开发”菜单”。

2. 启用远程Web检查器

  • 在您的Mac电脑上,打开Safari浏览器并前往“开发”菜单。
  • 选择“远程Web检查器”>“启用远程Web检查器”。
  • 在您的iOS设备上,打开Safari浏览器并前往“设置”>“Safari”>“高级”。
  • 启用“Web检查器”选项。

3. 连接iOS设备

  • 在您的Mac电脑上,打开Safari浏览器并前往“开发”菜单。
  • 选择“远程Web检查器”>“连接到iOS设备”。
  • 在弹出的窗口中,选择您的iOS设备,然后点击“连接”。
  • 在您的iOS设备上,会出现一个提示,询问您是否允许Safari从您的Mac电脑进行远程调试。点击“允许”。

4. 使用远程Web检查器

  • 连接成功后,您可以在Safari浏览器的“开发”菜单中看到您的iOS设备名称。
  • 点击您的iOS设备名称,即可打开远程Web检查器窗口。
  • 在远程Web检查器窗口中,您可以看到与您的iOS设备上的Safari浏览器相同的内容。
  • 您还可以使用远程Web检查器来进行断点调试、检查网络请求、使用控制台等操作。

5. 断点调试

  • 要在iOS设备上的Safari浏览器中设置断点,请在要设置断点的代码行上单击。
  • 断点将以红色圆点标记。
  • 当执行代码时,程序将在断点处停止,您可以在远程Web检查器中检查变量的值和调用堆栈。

6. 检查网络请求

  • 要检查iOS设备上的Safari浏览器发出的网络请求,请点击远程Web检查器窗口中的“网络”选项卡。
  • 您将看到一个列表,其中包含所有发出的网络请求。
  • 您可以点击任何网络请求以查看详细信息,包括请求的URL、状态码、响应头和响应体。

7. 使用控制台

  • 要在iOS设备上的Safari浏览器中使用控制台,请点击远程Web检查器窗口中的“控制台”选项卡。
  • 您可以在控制台中输入JavaScript代码来检查变量的值、调用函数等。
  • 控制台输出将显示在控制台窗口中。

8. 结束远程调试

  • 要结束远程调试,请在远程Web检查器窗口中点击“断开连接”按钮。
  • 在您的iOS设备上,前往“设置”>“Safari”>“高级”,禁用“Web检查器”选项。