在装有 macOS 的 iOS 设备上使用 Google Chrome 进行远程调试

2025-06-10

在装有 macOS 的 iOS 设备上使用 Google Chrome 进行远程调试

本指南重点介绍如何在安装了 macOS 的 iOS 设备上使用 Google Chrome 进行远程调试。本指南将探讨设置过程,包括使用 Google Chrome 浏览器在 iOS 设备和 macOS 系统之间建立远程调试会话所需的必要工具和配置。
首先,您需要确保:

  1. iOS 版本:16.4 或更高版本
  2. iOS 手机或平板电脑上的 Chrome 版本:115 或更高版本

在开始远程调试之前,请在 macOS 系统上执行以下操作:

  1. 前往Safari 应用程序设置 > 高级设置
  2. 在 Safari 浏览器上启用“开发”

在您的 iOS 设备上:

  1. 打开Google Chrome
  2. 转到应用程序中的“设置”部分。
  3. 内容设置中启用Web 检查器
  4. 重新启动应用程序以保存更改。

图片描述
现在,开始远程调试:

  1. 使用电缆将您的设备连接到 Mac。
  2. 在 iOS 设备的 Google Chrome 上,打开您想要调试的 URL。
  3. 在 Mac 上的 Safari查找“开发”菜单
  4. 从开发菜单中,单击您的iOS 设备名称,然后选择已在您的 iOS 手机或平板电脑上打开的页面。
  5. 打开的Web Inspector可以帮助您调试网页。

图片描述

💡在 Web Inspector 中,未显示在 Google Chrome 移动模拟器上可见的移动框架视图。

图片描述

结论

无论您是在解决特定问题还是旨在优化网站的移动响应能力和性能,掌握使用 macOS 在 iOS 设备上使用 Google Chrome 进行远程调试都将使您具备确保您的 Web 应用程序在 iOS 设备上提供无缝用户体验的技能。

ℹ️ 您可能还有兴趣阅读:
🔗在 Windows 系统的 Android 设备上使用 Google Chrome 进行远程调试
🔗在 Windows 系统的 Android 设备上使用 Firefox 进行远程调试
🔗在 macOS 系统的 iOS 设备上使用 Safari 进行远程调试

📝 资源:https://www.oxyplug.com/optimization/ultimate-guide-to-remote-debugging-webpages/

鏂囩珷鏉ユ簮锛�https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-ios-devices-with-macos-ca9
PREV
我希望有的基本 Elm 示例
NEXT
Laravel 路线图